:root{color-scheme:dark;--bg:#090d18;--panel:#111a2c;--cyan:#38e4f2;--violet:#9b72ff;--muted:#9aa8c2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f7ff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none;z-index:-1}.ambient-one{background:#3b55ff;top:4%;left:-220px}.ambient-two{background:#00d9e8;right:-250px;top:35%}.topbar{height:82px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font:700 16px Orbitron,sans-serif;letter-spacing:1.2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);color:var(--cyan);transform:skew(-8deg);font:800 13px Orbitron}.accent{color:var(--cyan)}.nav-link{color:#c4cee0;text-decoration:none;font-size:11px;letter-spacing:2px;font-weight:700}.hero{position:relative;max-width:1180px;margin:auto;min-height:590px;padding:112px 28px 100px;overflow:hidden}.eyebrow,.section-kicker{font-size:10px;letter-spacing:3px;color:var(--cyan);font-weight:800}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:10px;box-shadow:0 0 14px var(--cyan)}h1{font:800 clamp(54px,8vw,100px)/.99 Orbitron,sans-serif;letter-spacing:-5px;margin:26px 0 22px;position:relative;z-index:1}.gradient{background:linear-gradient(90deg,#42e7f4,#9d83ff 78%);background-clip:text;color:transparent}.intro{max-width:510px;color:#aebbd1;line-height:1.8;font-size:16px;position:relative;z-index:1}.play-button{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:18px 24px;background:linear-gradient(100deg,#24cddd,#7561f5);color:#06101c;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:1.4px;clip-path:polygon(0 0,94% 0,100% 25%,100% 100%,6% 100%,0 75%);box-shadow:0 10px 45px #29d8e833;transition:transform .2s,filter .2s}.play-button:hover{transform:translateY(-3px);filter:brightness(1.12)}.play-icon{font-size:14px}.button-arrow{font-size:18px}.microcopy{font-size:9px;letter-spacing:2px;color:#71809c;margin-top:16px}.orb{position:absolute;border:1px solid #42e7f433;border-radius:50%;transform:rotate(-25deg)}.orb-a{width:360px;height:360px;right:80px;top:110px}.orb-b{width:270px;height:270px;right:125px;top:155px;border-color:#9d83ff40}.crosshair{position:absolute;color:#42e7f4;font-size:28px;opacity:.45}.crosshair-a{right:120px;top:110px}.crosshair-b{right:400px;bottom:90px;color:#9d83ff}.modes{max-width:1180px;margin:0 auto;padding:70px 28px 95px;border-top:1px solid #ffffff12}.modes h2{font:700 28px Orbitron,sans-serif;letter-spacing:1px;margin:16px 0 34px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode-card{padding:26px;background:linear-gradient(145deg,#151f34,#0e1524);border:1px solid #9db6e51c;min-height:190px;transition:border-color .2s,transform .2s}.mode-card:hover{border-color:#38e4f277;transform:translateY(-4px)}.mode-icon{font-size:28px;color:var(--cyan)}.mode-card h3{font:700 12px Orbitron,sans-serif;letter-spacing:1px;margin:18px 0 10px}.mode-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.text-play{display:inline-block;margin-top:35px;color:#aab7ce;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:2px}.text-play span{color:var(--cyan);margin-left:12px}footer{max-width:1180px;margin:auto;padding:25px 28px 35px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#71809c;font-size:9px;letter-spacing:1.6px}@media(max-width:700px){.hero{padding-top:85px;min-height:560px}h1{letter-spacing:-3px}.orb-a{right:-200px;opacity:.45}.orb-b{right:-160px;opacity:.45}.crosshair-a{right:35px}.mode-grid{grid-template-columns:1fr}.modes{padding-top:55px}footer{gap:14px;flex-direction:column}.topbar{height:70px}}