.landing-section{min-height:100vh;position:relative;padding-bottom:60vh}.landing-page-text{position:relative;padding-left:50px;top:300px}.text-behind{position:absolute;z-index:-1;font-size:35vw;letter-spacing:-.8vw;text-align:center;color:var(--big-bg-text);font-family:Kanit,sans-serif;top:40%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden;pointer-events:none}.accent{color:var(--accent-color)}.H1{font-size:65px;line-height:1.6em;letter-spacing:-.02em}.H2{font-size:40px}.H3{font-size:30px;text-align:center}.H4{font-size:26px}.H5{font-size:22px}@media(max-width:768px){.landing-section{padding-bottom:40vh;margin-top:-150px;min-height:0vh}.text-behind{display:none}}@media(max-width:640px){.H2{font-size:1.2rem}.H1{font-size:2.5rem}.landing-page-text{padding:0 10px}}@media(max-width:600px){.landing-page-text{padding:0 10px;text-align:center}.landing-page-text .H2{text-align:left}.landing-page-text .H1{font-size:1.8rem;line-height:1.8;margin-bottom:15px}}.perks-section{display:flex;justify-content:center;align-items:flex-start;padding:32px 0 48px 0;background:transparent}.perks-card{margin:0 50px;max-width:1380px;transition:background-color .3s ease}.perks-title{font-size:2rem;font-weight:800;color:var(--perk-heading);margin-bottom:28px}.perks-grid{display:grid;grid-template-columns:1fr;gap:28px}.perk{display:flex;align-items:flex-start;gap:18px}.perk-icon{display:flex;align-items:center;justify-content:center;font-size:2rem;width:48px;height:48px;background:0;border-radius:0;margin-top:2px;flex-shrink:0}.perk-purple{background:#f3e8ff;color:#a78bfa}.perk-yellow{background:#fef9c3;color:#facc15}.perk-red{background:#fee2e2;color:#f87171}.perk-green{background:#dcfce7;color:#34d399}.perk-blue{background:#dbeafe;color:#60a5fa}.perk-indigo{background:#e0e7ff;color:#6366f1}.perk-heading{font-size:1.15rem;font-weight:600;color:var(--perk-heading);margin-bottom:2px}.perk-desc{color:var(--perk-text);font-size:1rem;margin:0;line-height:1.5}@media(min-width:700px){.perks-grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.perks-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.perks-card{padding:18px 6px 18px 6px;margin:0 10px}.perks-title{font-size:1.3rem;margin-bottom:18px}.perk-heading{font-size:1rem}.perk-icon{font-size:1.3rem;width:36px;height:36px}}.call-to-action-section{padding:80px 0;background-color:var(--bg-light)}.call-to-action-container{display:flex;align-items:center;justify-content:space-between;max-width:1380px;margin:0 auto;padding:0 20px;flex-wrap:wrap}.call-to-action-text{flex:1;min-width:1000px}.call-to-action-text .H1{margin-bottom:20px}.call-to-action-image{flex:1;display:flex;justify-content:center;align-items:center}.call-to-action-image img{max-width:160%;height:auto;opacity:.8}.discord-button{display:inline-block;background-color:var(--primary-color);color:var(--bg-white);padding:12px 24px;border-radius:30px;text-decoration:none;font-size:1rem;font-weight:600;margin-top:30px;transition:background-color .3s ease}.discord-button:hover{background-color:var(--primary-hover)}.discord-button i{margin-left:8px}@media(max-width:920px){.call-to-action-container{flex-direction:column;text-align:center;padding:0 10px}.call-to-action-text{margin-right:0;margin-bottom:50px;min-width:300px}.call-to-action-image img{max-width:70%}}@media(max-width:600px){.call-to-action-section{padding:40px 0}.call-to-action-text .H1{font-size:1.8rem;margin-bottom:15px}.discord-button{font-size:.85rem;padding:8px 18px}}.upcoming-events-section{padding:60px 0;background-color:var(--bg-light);transition:background-color .3s ease}.upcoming-events-container{max-width:1380px;margin:0 auto;padding:0 20px}.upcoming-events-section h2{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:30px;text-align:center}.events-grid{display:grid;grid-template-columns:1fr;gap:20px}.event-card{background-color:var(--event-item-bg);padding:20px;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;transition:background-color .3s ease,box-shadow .3s ease}.event-date{flex-shrink:0;width:60px;height:60px;background-color:var(--primary-color);color:var(--bg-white);display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:4px;margin-right:20px;font-family:'Kanit',sans-serif}.event-date.blue{background-color:#3b82f6}.event-date.green{background-color:#10b981}.event-date.purple{background-color:#8b5cf6}.event-date.orange{background-color:#f59e0b}.event-date.red{background-color:#ef4444}.event-date.teal{background-color:#14b8a6}.event-date.yellow{background-color:#eab308}.event-date.pink{background-color:#ec4899}.date-day{font-size:1.8rem;font-weight:400;line-height:1}.date-month{font-size:.9rem;font-weight:500;line-height:1;text-transform:uppercase}.event-details{flex-grow:1}.event-details h3{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:5px}.event-info{font-size:.9rem;color:var(--text-light);margin-bottom:10px}.learn-more-link{display:inline-block;font-size:.9rem;font-weight:500;color:#3b82f6;text-decoration:none;transition:color .3s ease}.learn-more-link:hover{color:var(--primary-hover)}.view-all-events{text-align:center;margin-top:30px}.view-all-link{display:inline-block;font-size:1rem;font-weight:500;color:var(--primary-color);text-decoration:none;transition:all .3s ease}.view-all-link:hover{color:#60a5fa;transform:translateX(3px)}.view-all-link i{margin-left:6px;transition:transform .3s ease}.view-all-link:hover i{transform:translateX(3px)}@media(min-width:768px){.events-grid{grid-template-columns:1fr 1fr}.upcoming-events-section h2{text-align:left;font-size:2.2rem}.view-all-events{text-align:center;margin-top:24px}}@media(max-width:767px){.upcoming-events-section{padding:40px 0}.upcoming-events-container{padding:0 20px}.upcoming-events-section h2{font-size:1.8rem;margin-bottom:24px}.event-card{flex-direction:row;align-items:center}.view-all-events{text-align:center;margin-top:28px}.events-grid{max-width:95%;margin:0 20px}}@media(max-width:600px){.upcoming-events-container{padding:0 24px}.events-grid{max-width:100%;margin:0 auto}.event-card{margin-left:15px;margin-right:15px;padding-left:16px;padding-right:16px}}@media(max-width:480px){.upcoming-events-container{padding:0 16px}.event-card{flex-direction:column;align-items:center;text-align:center;padding:24px 16px;margin:0 8px;width:calc(100% - 16px)}.event-date{margin-right:0;margin-bottom:16px}.learn-more-link{font-size:.9rem}.view-all-link{font-size:.95rem;padding:8px 16px;background-color:#3b82f6;color:white;border-radius:20px}.view-all-link:hover{background-color:#2563eb;color:white}}