:root{--color-bg-base:#040612;--color-bg-card:#0a0f24b3;--color-border:#00f0ff26;--cyan:#00f0ff;--purple:#bc3cf2;--green:#00ff73;--white:#fff;--text-primary:#f1f3f9;--text-secondary:#8b9bb4;--font-sans:"Outfit", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-cyan:0 0 15px #00f0ff40;--shadow-purple:0 0 15px #bc3cf240;--shadow-green:0 0 15px #00ff7340;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--cyan) var(--color-bg-base);margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.cyber-grid{pointer-events:none;z-index:-1;opacity:.8;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-position:50%;background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000001a 90%);mask-image:radial-gradient(circle,#000 30%,#0000001a 90%)}.glass-panel{background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 32px #0000004d}.glass-panel-hover{transition:var(--transition-smooth)}.glass-panel-hover:hover{border-color:#00f0ff66;transform:translateY(-4px);box-shadow:0 10px 30px #00f0ff1a}.glow-text-cyan{text-shadow:0 0 8px #00f0ff99;color:var(--cyan)}.glow-text-purple{text-shadow:0 0 8px #bc3cf299;color:var(--purple)}.glow-text-green{text-shadow:0 0 8px #00ff7399;color:var(--green)}.glow-border-cyan{box-shadow:0 0 15px #00f0ff4d;border-color:var(--cyan)!important}.glow-border-purple{box-shadow:0 0 15px #bc3cf24d;border-color:var(--purple)!important}.glow-border-green{box-shadow:0 0 15px #00ff734d;border-color:var(--green)!important}.terminal-cursor:after{content:"|";color:var(--cyan);animation:.8s infinite blink}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.crt-overlay{position:relative;overflow:hidden}.crt-overlay:before{content:" ";z-index:2;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.crt-scanline:after{content:" ";opacity:0;z-index:2;pointer-events:none;background:#1210101a;animation:8s linear infinite crt-scan;display:block;position:absolute;inset:0}@keyframes crt-scan{0%{opacity:.15;transform:translateY(-100%)}10%{opacity:.15}10.001%{opacity:0}to{opacity:0;transform:translateY(100%)}}@font-face{font-family:Digital;src:local("Courier New"), monospace}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}.btn-futuristic{color:var(--cyan);border:1px solid var(--cyan);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:500;position:relative;overflow:hidden}.btn-futuristic:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff33,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-futuristic:hover:before{left:100%}.btn-futuristic:hover{text-shadow:0 0 5px var(--cyan);background:#00f0ff1a;box-shadow:0 0 15px #00f0ff66}.btn-green{color:var(--green);border-color:var(--green)}.btn-green:hover{text-shadow:0 0 5px var(--green);background:#00ff731a;box-shadow:0 0 15px #00ff7366}.btn-green:before{background:linear-gradient(90deg,#0000,#00ff7333,#0000)}.btn-purple{color:var(--purple);border-color:var(--purple)}.btn-purple:hover{text-shadow:0 0 5px var(--purple);background:#bc3cf21a;box-shadow:0 0 15px #bc3cf266}.btn-purple:before{background:linear-gradient(90deg,#0000,#bc3cf233,#0000)}.led-scoreboard-display{font-family:var(--font-mono);color:#ff3c3c;background:#000;border:10px solid #111;border-radius:6px;padding:16px;box-shadow:inset 0 0 20px #000000e6,0 0 15px #ff3c3c33}.led-text-red{color:#f33;text-shadow:0 0 10px #f33c,0 0 20px #f336}.led-text-green{color:#3f3;text-shadow:0 0 10px #3f3c,0 0 20px #3f36}.led-text-amber{color:#fa0;text-shadow:0 0 10px #fa0c,0 0 20px #fa06}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}