:root{--bg:#07060d;--cy:#22f3ff;--mg:#ff2fd0;--au:#ffc53a;--tx:#e9e6ff}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:16px/1.6 Inter,sans-serif}
img{image-rendering:pixelated;display:block;width:100%}
h1,h2,.logo{font-family:Orbitron,sans-serif;font-weight:900;letter-spacing:.04em}
h2{font-size:clamp(1.8rem,4vw,2.8rem);text-align:center;margin-bottom:.5rem}h2 span,.logo span{color:var(--mg);text-shadow:0 0 18px var(--mg)}
.sub{text-align:center;opacity:.8;margin-bottom:2rem}
.nav{position:fixed;top:0;inset-inline:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:#07060dcc;backdrop-filter:blur(8px);border-bottom:1px solid #22f3ff33}
.logo{color:var(--cy);text-decoration:none;font-size:1.3rem;text-shadow:0 0 14px var(--cy)}
.btn{display:inline-block;font:12px 'Press Start 2P',monospace;padding:16px 22px;color:#07060d;background:linear-gradient(90deg,var(--au),#ff8a3a);border:0;cursor:pointer;text-decoration:none;box-shadow:0 0 22px #ffc53a88,4px 4px 0 var(--mg)}
.btn:hover{transform:translate(-2px,-2px)}.btn.sm{padding:10px 14px;font-size:10px}
.btn.ghost{background:transparent;color:var(--cy);border:2px solid var(--cy);box-shadow:0 0 16px #22f3ff66}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:120px 6vw 80px;background:linear-gradient(#07060d 0%,#1a0630 45%,#3a0a4a 62%,#07060d 63%)}
.sun{position:absolute;left:50%;top:22%;width:min(60vw,520px);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:linear-gradient(#ffe25a,#ff8a3a 45%,#ff2fd0);-webkit-mask:repeating-linear-gradient(#000 0 14px,transparent 14px 20px);mask:linear-gradient(#000 45%,transparent 45%),repeating-linear-gradient(#000 0 12px,transparent 12px 20px);filter:drop-shadow(0 0 40px #ff2fd0)}
.grid{position:absolute;bottom:0;left:-50%;width:200%;height:40%;background:linear-gradient(transparent 0 0),repeating-linear-gradient(90deg,#ff2fd066 0 2px,transparent 2px 80px),repeating-linear-gradient(#22f3ff55 0 2px,transparent 2px 40px);transform:perspective(300px) rotateX(60deg);transform-origin:bottom}
.hero-inner{position:relative;max-width:820px}
.kicker{font:11px 'Press Start 2P',monospace;color:var(--cy);margin-bottom:1.2rem;text-shadow:0 0 10px var(--cy)}
h1{font-size:clamp(2.8rem,9vw,6.5rem);line-height:1;text-shadow:0 0 30px #22f3ffaa}h1 span{color:var(--au);text-shadow:0 0 30px #ffc53aaa,4px 4px 0 var(--mg)}
.lead{font-size:1.15rem;margin:1.6rem auto 2rem;max-width:620px;background:#07060daa;padding:8px 12px}
.cta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
section{padding:90px 6vw}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1200px;margin:2.5rem auto 0}
.card{padding:26px;background:#100c1c;border:2px solid var(--c);box-shadow:0 0 22px color-mix(in srgb,var(--c) 35%,transparent)}
.c1{--c:var(--cy)}.c2{--c:var(--au)}.c3{--c:var(--mg)}.c4{--c:#8a5bff}
.ico{font-size:1.8rem;color:var(--c);text-shadow:0 0 12px var(--c)}
.card h3{font-family:Orbitron;margin:.6rem 0}.card em{display:block;font:9px 'Press Start 2P';color:var(--au);margin-top:6px}
.roster{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:1200px;margin:auto}
.coach{position:relative;border:3px solid var(--c);box-shadow:0 0 26px color-mix(in srgb,var(--c) 50%,transparent);overflow:hidden;transition:transform .2s}
.coach:hover{transform:scale(1.02)}.ge{--c:var(--cy)}.mm{--c:var(--mg)}.sg{--c:var(--au)}.ck{--c:#b04bff}
.coach img{aspect-ratio:16/9;object-fit:cover}
figcaption{position:absolute;bottom:0;inset-inline:0;padding:14px 18px;background:linear-gradient(transparent,#07060df0)}
figcaption b{display:block;font:14px 'Press Start 2P';color:var(--c);text-shadow:0 0 10px var(--c)}figcaption i{font-size:.95rem}
.beta{background:radial-gradient(ellipse at center,#2a0a40,var(--bg) 70%)}
form{max-width:520px;margin:auto;display:grid;gap:16px;text-align:center}
input[type=email]{padding:16px;font-size:1rem;background:#0f0b1a;color:var(--tx);border:2px solid var(--cy);box-shadow:0 0 14px #22f3ff55}
.plat{display:flex;gap:28px;justify-content:center}.hp{display:none}#msg{min-height:1.5em;color:var(--au)}
footer{text-align:center;padding:50px 6vw;border-top:1px solid #ff2fd044;opacity:.85;font-size:.9rem}footer p{margin:.4rem 0}
@media(max-width:700px){.roster{grid-template-columns:1fr}.nav .btn{display:none}}