:root{--color-primary: #00ff00;--color-bg: #030608;--color-border: #00ff00;--color-cyber-blue: #00d4ff;--color-cyber-purple: #8b5cf6;--color-cyber-pink: #ff006e;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);color:var(--color-primary);font-family:var(--font-mono)}.cyber-bg-base{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(0,212,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,255,65,.03) 0%,transparent 70%),linear-gradient(180deg,#030608,#0a0f18,#030608);pointer-events:none;z-index:0}.circuit-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 50h40v-10h10v-30h10v30h10v10h30' stroke='%2300ff4110' fill='none' stroke-width='0.5'/%3E%3Cpath d='M50 0v40h10v10h30' stroke='%2300d4ff08' fill='none' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='50' r='2' fill='%2300ff4115'/%3E%3Ccircle cx='40' cy='50' r='1' fill='%2300d4ff10'/%3E%3Ccircle cx='60' cy='40' r='1' fill='%2300ff4110'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.6;pointer-events:none;z-index:1;animation:circuit-pulse 8s ease-in-out infinite}@keyframes circuit-pulse{0%,to{opacity:.4}50%{opacity:.7}}.hex-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0-48l-20 12v24l20 12 20-12V30L28 18z' fill='%2300ff4106'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.flow-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,transparent 49.5%,rgba(0,255,65,.03) 49.5%,rgba(0,255,65,.03) 50.5%,transparent 50.5%,transparent 100%),linear-gradient(0deg,transparent 0%,transparent 49.5%,rgba(0,212,255,.02) 49.5%,rgba(0,212,255,.02) 50.5%,transparent 50.5%,transparent 100%);background-size:80px 80px;pointer-events:none;z-index:1}.scan-line{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,255,65,.4) 50%,transparent 100%);pointer-events:none;z-index:1;animation:scan-down 6s linear infinite;box-shadow:0 0 20px #00ff414d,0 0 60px #00ff411a}@keyframes scan-down{0%{transform:translateY(-100%);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translateY(100vh);opacity:0}}.data-particles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:2}.data-particles:before{content:"";position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 100px 50px,rgba(0,255,65,.8),transparent),radial-gradient(1px 1px at 200px 150px,rgba(0,212,255,.6),transparent),radial-gradient(1.5px 1.5px at 400px 200px,rgba(139,92,246,.7),transparent),radial-gradient(1px 1px at 600px 100px,rgba(0,255,65,.5),transparent),radial-gradient(2px 2px at 800px 300px,rgba(0,212,255,.8),transparent),radial-gradient(1px 1px at 150px 400px,rgba(0,255,65,.6),transparent),radial-gradient(1.5px 1.5px at 350px 350px,rgba(139,92,246,.5),transparent),radial-gradient(1px 1px at 550px 450px,rgba(0,212,255,.7),transparent),radial-gradient(1px 1px at 750px 380px,rgba(0,255,65,.4),transparent),radial-gradient(2px 2px at 950px 420px,rgba(0,255,65,.9),transparent),radial-gradient(1px 1px at 1100px 200px,rgba(0,212,255,.5),transparent),radial-gradient(1.5px 1.5px at 1250px 350px,rgba(139,92,246,.6),transparent),radial-gradient(1px 1px at 300px 600px,rgba(0,255,65,.7),transparent),radial-gradient(1px 1px at 500px 550px,rgba(0,212,255,.4),transparent),radial-gradient(2px 2px at 700px 620px,rgba(0,255,65,.8),transparent),radial-gradient(1px 1px at 900px 580px,rgba(139,92,246,.5),transparent),radial-gradient(1.5px 1.5px at 1050px 650px,rgba(0,212,255,.6),transparent);animation:particle-float 25s linear infinite}@keyframes particle-float{0%{transform:translateY(0) translate(0)}to{transform:translateY(-100vh) translate(30px)}}.code-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.code-rain:before,.code-rain:after{content:"";position:absolute;width:1px;height:150px;background:linear-gradient(180deg,transparent,rgba(0,255,65,.4),transparent);animation:code-fall 4s linear infinite}.code-rain:before{left:10%;animation-delay:0s}.code-rain:after{left:85%;animation-delay:2s}@keyframes code-fall{0%{transform:translateY(-150px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.neural-net{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:linear-gradient(135deg,transparent 0%,transparent 49%,rgba(0,212,255,.02) 49%,rgba(0,212,255,.02) 51%,transparent 51%,transparent 100%),linear-gradient(45deg,transparent 0%,transparent 49%,rgba(139,92,246,.015) 49%,rgba(139,92,246,.015) 51%,transparent 51%,transparent 100%);background-size:200px 200px}.glow-orb{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:orb-pulse 10s ease-in-out infinite}.glow-orb.top-left{top:-100px;left:-100px;background:#00d4ff26}.glow-orb.bottom-right{bottom:-100px;right:-100px;background:#8b5cf61f;animation-delay:-5s}.glow-orb.center{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:#00ff4108;animation-delay:-2.5s}@keyframes orb-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.glow-orb.center{animation-name:orb-pulse-center}@keyframes orb-pulse-center{0%,to{opacity:.3}50%{opacity:.5}}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:3}.noise-texture{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;z-index:4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.hud-corner{position:fixed;width:80px;height:80px;pointer-events:none;z-index:5;opacity:.4}.hud-corner:before,.hud-corner:after{content:"";position:absolute;background:linear-gradient(90deg,rgba(0,255,65,.8),transparent)}.hud-corner.top-left{top:15px;left:15px}.hud-corner.top-left:before{top:0;left:0;width:40px;height:1px}.hud-corner.top-left:after{top:0;left:0;width:1px;height:40px;background:linear-gradient(180deg,rgba(0,255,65,.8),transparent)}.hud-corner.top-right{top:15px;right:15px}.hud-corner.top-right:before{top:0;right:0;width:40px;height:1px;background:linear-gradient(270deg,rgba(0,212,255,.8),transparent)}.hud-corner.top-right:after{top:0;right:0;width:1px;height:40px;background:linear-gradient(180deg,rgba(0,212,255,.8),transparent)}.hud-corner.bottom-left{bottom:15px;left:15px}.hud-corner.bottom-left:before{bottom:0;left:0;width:40px;height:1px}.hud-corner.bottom-left:after{bottom:0;left:0;width:1px;height:40px;background:linear-gradient(0deg,rgba(0,255,65,.8),transparent)}.hud-corner.bottom-right{bottom:15px;right:15px}.hud-corner.bottom-right:before{bottom:0;right:0;width:40px;height:1px;background:linear-gradient(270deg,rgba(139,92,246,.8),transparent)}.hud-corner.bottom-right:after{bottom:0;right:0;width:1px;height:40px;background:linear-gradient(0deg,rgba(139,92,246,.8),transparent)}