:root{--bg-0: #030309;--bg-1: #090b16;--ink: #eef2ff;--muted: #9ca6ca;--neon-blue: #33d4ff;--neon-pink: #f708b6;--neon-violet: #8d4dff;--line: rgba(86, 112, 255, .26)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Rajdhani,Orbitron,Eurostile,sans-serif;background:radial-gradient(circle at 16% 12%,#14133a 0,transparent 42%),radial-gradient(circle at 85% 9%,#33043d 0,transparent 36%),linear-gradient(158deg,var(--bg-0) 0%,var(--bg-1) 54%,#040409 100%);color:var(--ink);overflow-x:hidden}.app-shell{position:relative;isolation:isolate;outline:none}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(18,13,43,.09) 0,rgba(18,13,43,.09) 2px,transparent 2px,transparent 4px);mix-blend-mode:screen;opacity:.12;z-index:6}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.13) 1px,transparent 1.5px);background-size:3px 3px;opacity:.08;mix-blend-mode:screen;z-index:8}.hero{position:relative;min-height:100vh;padding:7.2rem clamp(1.1rem,3.3vw,4rem) 8.6rem;overflow:hidden}.hero-lights,.hero-grid,.hero-rain,.skyline{position:absolute;top:0;right:0;bottom:0;left:0}.hero-lights{background:radial-gradient(circle at 20% 16%,rgba(51,212,255,.28),transparent 30%),radial-gradient(circle at 78% 24%,rgba(247,8,182,.28),transparent 31%),radial-gradient(circle at 49% 55%,rgba(141,77,255,.22),transparent 38%);filter:blur(8px);animation:glowShift 7.4s ease-in-out infinite alternate}.hero-grid{background-image:linear-gradient(rgba(67,92,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(67,92,255,.2) 1px,transparent 1px);background-size:68px 68px;opacity:.18;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}.hero-rain span{position:absolute;top:-30%;width:2px;height:110px;background:linear-gradient(to bottom,#33d4ff00,#33d4fff2);transform:skew(-16deg);animation:rainFall linear infinite}.hero-content{position:relative;z-index:3;max-width:990px}.overline{margin:0;text-transform:uppercase;letter-spacing:.2em;color:var(--neon-blue);text-shadow:0 0 15px rgba(51,212,255,.7);font-size:clamp(.64rem,.9vw,.98rem)}h1{position:relative;margin:.9rem 0 1rem;max-width:20ch;line-height:1.03;text-transform:lowercase;font-size:clamp(2rem,6vw,5rem);text-shadow:0 0 18px rgba(141,77,255,.9),0 0 46px rgba(247,8,182,.55);animation:textPulse 2.6s ease-in-out infinite}h1:before,h1:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}h1:before{color:#33d4ffd1;transform:translate(2px);clip-path:polygon(0 2%,100% 2%,100% 45%,0 45%);animation:glitchTop 2.2s infinite linear alternate-reverse}h1:after{color:#f708b6cc;transform:translate(-2px);clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);animation:glitchBottom 2.8s infinite linear alternate-reverse}.hero-copy{margin:0;max-width:58ch;color:var(--muted);font-size:clamp(1rem,1.6vw,1.35rem)}.hint{margin:.8rem 0 0;color:#7eddf7;opacity:.9}.hero-actions{margin-top:1.9rem;display:flex;flex-wrap:wrap;gap:.8rem}.cta,.ghost{border-radius:999px;padding:.72rem 1.25rem;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;font-family:inherit}.cta{border:none;color:#020311;background:linear-gradient(135deg,var(--neon-blue),#87fdff);box-shadow:0 0 20px #33d4ff9e;animation:pulseButton 2s ease-in-out infinite}.ghost{color:var(--ink);border:1px solid rgba(247,8,182,.75);background:#14081c4d;box-shadow:inset 0 0 16px #f708b633,0 0 16px #f708b647}.cta:hover,.ghost:hover,.system:hover,.terminal button:hover{transform:translateY(-2px) scale(1.02)}.skyline{display:flex;align-items:end;gap:8px;justify-content:center;top:auto;bottom:0;height:45vh;padding:0 1rem;z-index:2;-webkit-mask-image:linear-gradient(to top,#000 79%,transparent 100%);mask-image:linear-gradient(to top,#000 79%,transparent 100%)}.building{position:relative;border:1px solid rgba(51,212,255,.22);background:linear-gradient(180deg,#080918eb,#020208fa);box-shadow:inset 0 0 8px #33d4ff14,0 0 18px #33d4ff14;overflow:hidden;animation:buildingPulse 2.5s ease-in-out infinite}.building:after{content:"";position:absolute;top:10px;right:10px;bottom:12px;left:10px;background:repeating-linear-gradient(to bottom,rgba(247,8,182,.22) 0,rgba(247,8,182,.22) 2px,transparent 2px,transparent 13px);opacity:.58}main{position:relative;z-index:9;padding:0 clamp(.95rem,3vw,4rem) 4.4rem}.panel{max-width:1120px;margin:0 auto 1.35rem;border-radius:1.2rem;border:1px solid var(--line);padding:clamp(1.05rem,2.4vw,2.2rem);background:linear-gradient(150deg,#080916e6,#0d0819c7);box-shadow:inset 0 0 28px #33d4ff0d,0 26px 70px #0203099e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}h2{margin:0 0 .66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--neon-blue);font-size:clamp(1.15rem,3vw,2.2rem)}p{color:var(--muted)}.card-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.88rem}.card,.phase-card{border-radius:.9rem;border:1px solid rgba(247,8,182,.35);background:linear-gradient(140deg,#050714eb,#0f0a1ae0);padding:.96rem}.card h3,.phase-card h3,.systems h3,.terminal h3{margin:0 0 .5rem}.card p,.phase-card li,.timeline li{margin:0;color:var(--muted)}.phases{position:relative;overflow:hidden}.phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.phase-tag{margin:0 0 .35rem;display:inline-flex;padding:.15rem .5rem;border:1px solid rgba(51,212,255,.7);border-radius:99px;color:#8de5ff;text-transform:uppercase;letter-spacing:.1em;font-size:.74rem}.phase-card ul,.timeline ul{margin:0;padding-left:1.1rem;display:grid;gap:.54rem}.console-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:.95rem}.systems,.terminal{border:1px solid rgba(124,95,255,.34);border-radius:.9rem;background:linear-gradient(140deg,#060817e6,#130a1ed6);padding:.92rem}.systems h3{text-align:center}.rage-button{width:min(320px,100%);margin:.25rem auto .9rem;display:block;border:1px solid rgba(255,79,79,.8);border-radius:999px;padding:.65rem 1rem;font-family:inherit;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffe9e9;background:linear-gradient(135deg,#81020ee6,#f708b6b3);box-shadow:0 0 20px #f708b65c,inset 0 0 14px #ff6a6a4d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.rage-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 26px #f708b68c,inset 0 0 18px #ff6a6a70}.system-list{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:.7rem}.system{border:1px solid rgba(92,122,255,.5);border-radius:.65rem;background:#070814db;color:var(--ink);display:flex;justify-content:space-between;align-items:center;padding:.58rem .64rem;font-size:.88rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.system strong{font-size:.8rem}.system.on{box-shadow:inset 0 0 12px #33d4ff33,0 0 14px #33d4ff38}.system.off{box-shadow:inset 0 0 12px #f708b61f,0 0 10px #f708b62e}.log{border-radius:.7rem;border:1px solid rgba(51,212,255,.28);background:#02060edb;min-height:216px;max-height:260px;overflow:auto;padding:.65rem;box-shadow:inset 0 0 14px #33d4ff14}.log p{margin:0 0 .38rem;font-family:IBM Plex Mono,Courier New,monospace;color:#9defff}form{margin-top:.7rem;display:flex;gap:.55rem}input{flex:1;border-radius:.65rem;border:1px solid rgba(51,212,255,.45);background:#010811e6;color:#c5f7ff;padding:.6rem .72rem;font-family:inherit}input:focus{outline:none;box-shadow:0 0 0 2px #33d4ff38}.terminal button{border:none;border-radius:.65rem;padding:0 1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;background:linear-gradient(130deg,#28d5ff,#f709b8);color:#051026;cursor:pointer}.burnout-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.78rem}.metric-card{border:1px solid rgba(247,8,182,.34);border-radius:.9rem;background:linear-gradient(140deg,#050714eb,#110a1ce6);padding:.85rem}.metric-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.metric-head h3{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}.metric-head strong{color:#9defff;text-shadow:0 0 14px rgba(51,212,255,.54)}.meter{border-radius:99px;height:9px;background:#070b19e6;border:1px solid rgba(51,212,255,.25);overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,#2ed4ff,#f709b8);box-shadow:0 0 16px #f708b680}.timeline ul{margin:0;display:grid;gap:.74rem}.timeline li{border-left:3px solid rgba(51,212,255,.75);padding:.24rem 0 .24rem .78rem;background:linear-gradient(90deg,rgba(51,212,255,.08),transparent 62%)}.secret-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at 50% 30%,#730b9a75,#020107e6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:1rem}.secret-card{width:min(720px,100%);border-radius:1rem;border:1px solid rgba(51,212,255,.5);background:linear-gradient(145deg,#050a1af0,#12051be6);box-shadow:0 0 40px #f708b64d;padding:clamp(1rem,3vw,1.8rem)}.secret-actions{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.7rem}.app-shell.glitch-active .hero-lights{animation-duration:1.4s;filter:saturate(1.4) blur(7px)}.app-shell.glitch-active h1,.app-shell.glitch-active .phase-tag,.app-shell.glitch-active h2{animation:jitter .18s steps(2) infinite}.app-shell.glitch-active .panel{border-color:#f708b68f;box-shadow:inset 0 0 30px #f708b617,0 26px 70px #04030db3}@keyframes rainFall{0%{transform:translateY(-120%) skew(-16deg)}to{transform:translateY(170vh) skew(-16deg)}}@keyframes glowShift{0%{transform:translateZ(0)}to{transform:translate3d(-2%,1.5%,0) scale(1.05)}}@keyframes textPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.26)}}@keyframes glitchTop{0%,to{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,-1px)}80%{transform:translate(-1px,1px)}}@keyframes glitchBottom{0%,to{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}}@keyframes buildingPulse{0%,to{box-shadow:inset 0 0 8px #33d4ff14,0 0 18px #33d4ff14}50%{box-shadow:inset 0 0 22px #f708b624,0 0 31px #f708b63d}}@keyframes pulseButton{0%,to{box-shadow:0 0 16px #33d4ff8f,0 0 28px #33d4ff61}50%{box-shadow:0 0 24px #f708b6ad,0 0 36px #f708b673}}@keyframes jitter{0%{transform:translate(0)}50%{transform:translate(-1px,1px)}to{transform:translate(1px,-1px)}}@media (max-width: 900px){.console-grid{grid-template-columns:1fr}}@media (max-width: 700px){.hero{min-height:92vh;padding-top:5.4rem;padding-bottom:7.5rem}.hero-actions{flex-direction:column;align-items:flex-start}.skyline{height:34vh;opacity:.72}.system-list{grid-template-columns:1fr}.grain{opacity:.05}}