@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@400;600&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--neon-cyan:#00f5ff;--neon-magenta:#f0f;--neon-yellow:#ff0;--text-primary:#fff;--text-secondary:#a0a0b0}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,monospace;min-height:100vh;overflow-x:hidden}.grid-bg{position:fixed;top:0;left:0;width:100%;height:100%;perspective:500px;overflow:hidden;z-index:-1}.grid-lines{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(0,245,255,.08) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.08) 1px,transparent 0);background-size:50px 50px;transform:rotateX(60deg);animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(50px)}}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,rgba(0,0,0,.15) 0);background-size:100% 4px;pointer-events:none;z-index:1000}.neon-glow{box-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px rgba(0,245,255,.4)}.neon-text{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.progress-segment{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));box-shadow:0 0 10px var(--neon-cyan)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}