:root{--c-bg:#f8fafc;--c1:#e0f2fe;--c2:#bae6fd;--c-accent:#61dff2;--c-accent-hover:#45cbe0;--text-dark:#0f172a;--text-light:#475569;--surface:#ffffffa6;--surface-hover:#fffffff2;--border:#fff9;--border-highlight:#61dff280;--shadow-sm:0 4px 12px #0f172a08;--shadow-md:0 8px 24px #0f172a0d;--shadow-lg:0 12px 32px #0f172a0f;--shadow-colored:0 12px 32px #61dff233;--radius-md:16px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color:var(--text-dark);background-color:var(--c-bg);scrollbar-width:none;font-family:Inter,system-ui,sans-serif}html::-webkit-scrollbar{display:none}body{line-height:1.6;position:relative;overflow-x:hidden}.waves-background{z-index:-1;background-image:url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:30s ease-in-out infinite alternate bg-pan;position:fixed;inset:-10%}@keyframes bg-pan{0%{transform:scale(1)translate(0)}to{transform:scale(1.05)translate(-2%,2%)}}@media (prefers-reduced-motion:reduce){.waves-background{animation:none}}a,button{outline:none}a:focus-visible,button:focus-visible,.feature-card:focus-visible{box-shadow:0 0 0 3px #61dff280}nav{z-index:100;max-width:1000px;margin:0 auto;padding:0 16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:sticky;top:16px}nav.scrolled{top:8px}nav.scrolled .nav-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-colored);background:#ffffffd9;border-color:#ffffffe6;padding:8px 16px}.nav-content{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:9999px;justify-content:space-between;align-items:center;padding:10px 20px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{gap:12px}.logo{letter-spacing:-.05em;color:var(--text-dark);align-items:center;gap:8px;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:32px;height:32px}.links-container{gap:4px;display:flex;position:relative}.nav-indicator{top:0;left:var(--indicator-left,0px);width:var(--indicator-width,0px);z-index:-1;height:100%;opacity:var(--indicator-opacity,0);background:#fff;border-radius:9999px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 2px 6px #0000000d}.nav-link{color:var(--text-light);z-index:1;border-radius:9999px;padding:6px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--text-dark)}.discord-btn{color:var(--text-dark);box-shadow:var(--shadow-sm);background:#fff;border-radius:9999px;justify-content:center;align-items:center;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.discord-btn:hover{color:var(--c-accent);transform:translateY(-2px);box-shadow:0 6px 12px #61dff240}.desktop-discord{width:36px;height:36px}.mobile-discord{display:none}.mobile-menu-toggle{cursor:pointer;color:var(--text-dark);background:0 0;border:none;display:none}main{padding-bottom:60px}section{flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.content-container{width:100%;max-width:1000px;margin:0 auto}.card-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#ffffffb3;padding:60px 32px;position:relative;overflow:hidden}.card-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hero-section{text-align:center;padding-top:100px}h1{letter-spacing:-.05em;margin-bottom:16px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1}.subhead{color:var(--text-light);margin-bottom:32px;max-width:540px;margin-inline:auto;font-size:clamp(1rem,2vw,1.15rem);font-weight:500}.btn-primary{color:#fff;background:var(--text-dark);border-radius:9999px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 16px #0f172a1a}.btn-primary:hover{background:var(--c-accent);box-shadow:var(--shadow-colored);color:var(--text-dark);transform:translateY(-2px)}.story-section{padding-top:40px;padding-bottom:60px}.story-card{text-align:center;padding:48px 32px}.story-card h2{margin-bottom:16px}.story-text{color:var(--text-light);max-width:700px;margin:0 auto 8px;font-size:1.1rem;font-weight:500}.story-text:last-of-type{color:var(--text-dark)}.section-header{text-align:center;margin-bottom:40px}h2{letter-spacing:-.04em;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}.carousel-container{cursor:grab;touch-action:pan-y;width:100vw;margin-left:calc(50% - 50vw);position:relative}.carousel-container:active{cursor:grabbing}.carousel-track{scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:24px;padding:24px 0;display:flex;overflow:hidden}.carousel-track::-webkit-scrollbar{display:none}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;background:#ffffffa6;flex-direction:column;flex:0 0 clamp(280px,35vw,340px);padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.carousel-container:hover .feature-card{transform:scale(.98)}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-highlight);background:#fff;transform:scale(1.02)!important}.icon-wrap{color:#0b8fa3;background:#61dff226;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.feature-card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.15rem;font-weight:700}.feature-card p{color:var(--text-light);font-size:.95rem;line-height:1.5}.media-card{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;background:#000;flex:0 0 clamp(280px,40vw,400px);padding:0;transition:transform .4s;display:flex;overflow:hidden}.carousel-container:hover .media-card{transform:scale(.98)}.media-card:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-md);z-index:10;transform:scale(1.02)!important}.media-card video{object-fit:contain;pointer-events:none;width:100%;height:100%}.element-reveal{opacity:0;will-change:opacity, transform;transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.element-reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}@media (prefers-reduced-motion:reduce){.element-reveal{opacity:1;transition:none;transform:none}}@media (width<=768px){nav{padding:0 8px;top:8px}.nav-content{padding:6px 12px}.mobile-menu-toggle{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.links-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform-origin:top;background:#fffffffa;flex-direction:column;padding:16px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 8px);left:8px;right:8px;transform:translateY(-10px)scale(.98)}.links-container.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.nav-indicator{display:none}.nav-link{text-align:center;border-radius:12px;padding:12px;font-size:1rem}.nav-link:hover{background:#00000008}.desktop-discord{display:none}.mobile-discord{background:var(--text-dark);color:#fff;border-radius:12px;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;display:flex}.media-track{padding:0 24px}}footer{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--border);background:#fff6;margin-top:80px;padding:60px 24px 24px}.footer-content{flex-flow:wrap;justify-content:space-between;align-items:center;gap:32px;margin-bottom:40px;display:flex}.footer-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-tagline{color:var(--text-light);text-align:left;max-width:300px;margin-top:8px;font-size:.95rem}.footer-right{flex-direction:column;align-items:flex-end;gap:16px;display:flex}@media (width<=768px){.footer-content{text-align:left;flex-direction:column;align-items:flex-start}.footer-left,.footer-right{align-items:flex-start}}.footer-credit{color:var(--text-light);font-size:1.05rem;font-weight:500}.glassmarks-link{background:linear-gradient(90deg,#0369a1,#38bdf8,#0369a1) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 12px #0369a133;-webkit-background-clip:text;font-weight:800;text-decoration:none;transition:transform .2s;animation:3s linear infinite shine;display:inline-block}.glassmarks-link:hover{transform:scale(1.05)}@keyframes shine{to{background-position:200%}}.footer-links{gap:16px;display:flex}.footer-links a{color:var(--text-light);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-dark)}.footer-bottom{text-align:center;border-top:1px solid var(--border);color:var(--text-light);padding-top:24px;font-size:.85rem}.video-modal{z-index:1000;visibility:hidden;opacity:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}.video-modal.open{visibility:visible;opacity:1}.video-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;position:absolute;inset:0}.video-modal-content{aspect-ratio:16/9;z-index:1001;border-radius:var(--radius-lg);background:#000;width:90%;max-width:1200px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(20px)scale(.95);box-shadow:0 24px 64px #00000080}.video-modal.open .video-modal-content{transform:translateY(0)scale(1)}.video-player{object-fit:contain;outline:none;width:100%;height:100%}.video-modal-close{color:#fff;cursor:pointer;z-index:1002;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.video-modal-close:hover{background:var(--c-accent);transform:scale(1.1)}