:root{--bg:#0a0b12;--bg-elev:#12141f;--bg-card:#151827;--border:#262a3d;--border-bright:#363c56;--text:#eef0f8;--text-dim:#a6acc4;--text-faint:#737a96;--accent:#7c5cff;--accent-2:#35c4ff;--accent-glow:#7c5cff59;--maxw:1080px;--radius:16px;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60rem 40rem at 15% -10%,#7c5cff2e,#0000 60%),radial-gradient(50rem 40rem at 100% 0,#35c4ff1f,#0000 55%),radial-gradient(40rem 30rem at 50% 120%,#ff5aae1a,#0000 60%);position:fixed;inset:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}.topnav{z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0a0b12d1;position:sticky;top:0}.topnav-inner{justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.topnav .brand{letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:800}.topnav .brand:hover{text-decoration:none}.topnav-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.topnav-links a{color:var(--text-dim);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.topnav-links a:hover{color:var(--text);background:var(--bg-elev);text-decoration:none}.topnav-links a.active{color:var(--text);background:var(--bg-elev);border:1px solid var(--border-bright);padding:5px 11px}.topnav-links .topnav-discord{color:#fff;background:linear-gradient(#8a6bff,#6b45ff)}.topnav-links .topnav-discord:hover{background:linear-gradient(#967bff,#7854ff)}.hero{text-align:center;padding:clamp(48px,9vw,110px) 0 clamp(48px,8vw,96px)}.notice{text-align:left;border:1px solid var(--accent);border-radius:var(--radius);background:linear-gradient(#7c5cff24,#7c5cff0d);max-width:720px;margin:36px auto 0;padding:22px 26px;box-shadow:0 8px 40px #7c5cff26}.notice-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notice-head strong{letter-spacing:-.01em;font-size:17px}.notice-label{letter-spacing:.05em;text-transform:uppercase;color:#ffd9e6;white-space:nowrap;background:#ff5a7824;border:1px solid #ff5a7880;border-radius:999px;align-items:center;gap:7px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.notice-label .dot{background:#ff5a78;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff5a7833}.notice p{color:var(--text-dim);margin:12px 0 0;font-size:15px}.notice-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.notice-actions.center{justify-content:center;margin-top:32px}.badge{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border-bright);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge .dot{background:#46e08a;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #46e08a2e}.wordmark{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#c9cfff 55%,#8f7bff 100%);color:#0000;text-shadow:0 0 60px var(--accent-glow);background-clip:text;margin:28px 0 0;font-size:clamp(52px,12vw,128px);font-weight:900;line-height:.95}.tagline{max-width:640px;color:var(--text);margin:20px auto 0;font-size:clamp(18px,2.6vw,24px);font-weight:500}.pitch{max-width:680px;color:var(--text-dim);margin:28px auto 0;font-size:clamp(15px,1.9vw,18px)}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.btn{border:1px solid var(--border-bright);color:var(--text);background:var(--bg-elev);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.btn-primary{box-shadow:0 8px 30px var(--accent-glow);background:linear-gradient(#8a6bff,#6b45ff);border-color:#0000}section{padding:clamp(40px,7vw,80px) 0}.section-head{text-align:center;margin-bottom:clamp(28px,5vw,52px)}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4.5vw,42px);font-weight:800}.section-head p{max-width:620px;color:var(--text-dim);margin:12px auto 0;font-size:clamp(15px,1.9vw,18px)}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:transform .18s,border-color .18s}.feature:hover{border-color:var(--border-bright);transform:translateY(-4px)}.feature .glyph{font-size:30px;line-height:1}.feature h3{margin:16px 0 8px;font-size:19px;font-weight:700}.feature p{color:var(--text-dim);margin:0;font-size:15px}.flow{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.flow-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:16px;padding:22px 24px;transition:transform .18s,border-color .18s;display:flex}.flow-step:hover{border-color:var(--border-bright);transform:translateY(-3px)}.flow-num{color:#fff;width:34px;height:34px;box-shadow:0 4px 16px var(--accent-glow);background:linear-gradient(#8a6bff,#6b45ff);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.flow-body h3{align-items:center;gap:9px;margin:4px 0 8px;font-size:18px;font-weight:700;display:flex}.flow-glyph{font-size:20px;line-height:1}.flow-body p{color:var(--text-dim);margin:0;font-size:15px}.flow-page{grid-template-columns:1fr;max-width:760px;margin:0 auto}.section-cta{text-align:center;margin:36px 0 0}.classes{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.class-card{--c:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--c);border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:transform .18s;display:flex;position:relative;overflow:hidden}.class-card:hover{transform:translateY(-3px)}.class-card:after{content:"";background:var(--c);opacity:.16;filter:blur(28px);border-radius:50%;width:120px;height:120px;position:absolute;top:-40%;right:-30%}.class-card .portrait{width:64px;height:64px;box-shadow:0 0 0 2px var(--c), 0 0 18px color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%;flex:none}.class-card .name{font-size:17px;font-weight:700}.class-card .role{color:var(--text-dim);margin-top:4px;font-size:14px}.class-rows{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.class-row{--c:var(--accent);background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--c);border-radius:var(--radius);align-items:flex-start;gap:18px;padding:20px 22px;display:flex}.class-row .portrait{width:84px;height:84px;box-shadow:0 0 0 2px var(--c), 0 0 22px color-mix(in srgb, var(--c) 45%, transparent);border-radius:50%;flex:none}.class-row .name{font-size:19px;font-weight:800}.class-row .role{text-transform:uppercase;letter-spacing:.05em;color:var(--c);margin-top:2px;font-size:13px;font-weight:700}.class-row .blurb{color:var(--text-dim);margin:10px 0 0;font-size:15px}.page-hero{text-align:center;padding:clamp(48px,8vw,88px) 0 clamp(24px,4vw,40px)}.page-hero h1{letter-spacing:-.02em;background:linear-gradient(#fff 0%,#c9cfff 55%,#8f7bff 100%);color:#0000;background-clip:text;margin:24px 0 0;font-size:clamp(36px,7vw,64px);font-weight:900}.page-hero .sub{max-width:680px;color:var(--text-dim);margin:18px auto 0;font-size:clamp(15px,1.9vw,18px)}.timeline{max-width:720px;margin:0 auto;padding:0;list-style:none}.timeline-item{gap:22px;padding:0 0 32px;display:flex;position:relative}.timeline-item:before{content:"";background:var(--border-bright);width:2px;position:absolute;top:8px;bottom:-4px;left:63px}.timeline-item:last-child:before{display:none}.timeline-when{text-align:right;width:128px;color:var(--text-dim);flex:none;padding-top:2px;padding-right:26px;font-size:14px;font-weight:700;position:relative}.timeline-when:after{content:"";background:var(--bg-elev);border:2px solid var(--border-bright);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;right:-6px}.timeline-item.now .timeline-when{color:#46e08a}.timeline-item.now .timeline-when:after{background:#46e08a;border-color:#46e08a;box-shadow:0 0 0 5px #46e08a2e}.timeline-body{padding-left:8px}.timeline-body h3{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px;font-size:19px;font-weight:700;display:flex}.now-chip{text-transform:uppercase;letter-spacing:.06em;color:#46e08a;border:1px solid #46e08a80;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.timeline-body p{color:var(--text-dim);margin:0;font-size:15px}.faq{gap:14px;max-width:720px;margin:0 auto;display:grid}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px}.faq-item h3{margin:0 0 8px;font-size:17px;font-weight:700}.faq-item p{color:var(--text-dim);margin:0;font-size:15px}footer{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding:56px 0 72px}footer h2{margin:0 0 8px;font-size:clamp(24px,4vw,34px);font-weight:800}footer .sub{color:var(--text-dim);max-width:460px;margin:0 auto 24px}.links{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.link-chip{border:1px solid var(--border-bright);background:var(--bg-elev);color:var(--text);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600}.link-chip.soon{color:var(--text-faint);cursor:default}.link-chip.soon:after{content:"soon";text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border:1px solid var(--border);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:11px}a.link-chip:hover{border-color:var(--accent);text-decoration:none}.colophon{color:var(--text-faint);margin-top:40px;font-size:13px}.legal{padding:clamp(48px,8vw,96px) 0 clamp(56px,8vw,96px)}.legal .wrap{max-width:760px}.legal .back{color:var(--text-dim);margin-bottom:28px;font-size:14px;font-weight:600;display:inline-block}.legal .back:hover{color:var(--text);text-decoration:none}.legal h1{letter-spacing:-.02em;margin:0;font-size:clamp(32px,6vw,48px);font-weight:800}.legal .effective{color:var(--text-faint);margin:8px 0 32px;font-size:14px}.legal h2{letter-spacing:-.01em;margin:40px 0 12px;font-size:22px;font-weight:700}.legal p,.legal li{color:var(--text-dim);font-size:16px}.legal p strong,.legal li strong{color:var(--text)}.legal ul{margin:12px 0;padding-left:22px}.legal li{margin:8px 0}.legal-footnote{border-top:1px solid var(--border);color:var(--text-faint);margin-top:48px;padding-top:20px;font-size:13px}.legal-links{color:var(--text-faint);margin-top:10px;font-size:13px}.legal-links a{color:var(--text-faint)}.legal-links a:hover{color:var(--text-dim)}@media (width<=560px){.timeline-item{flex-direction:column;gap:6px}.timeline-item:before,.timeline-when:after{display:none}.timeline-when{text-align:left;width:auto;padding:0}.class-row{text-align:center;flex-direction:column;align-items:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}