.cyber-bg-root{--cyber-bg-deep: #020508;--cyber-green: #00ff88;--cyber-cyan: #00d4ff;--cyber-red: #ff2d55}body.cyber-bg-active:not(.is-light){background:#040810!important}body.is-light .cyber-vignette,body.is-light .cyber-scan{display:none}body.is-light .cyber-orbs{opacity:.18}body.is-light .cyber-grid{background-image:linear-gradient(rgba(11,16,32,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,16,32,.05) 1px,transparent 1px)}body.is-light .cyber-hud--tl,body.is-light .cyber-hud--tr,body.is-light .cyber-hud--bl,body.is-light .cyber-hud--br{border-color:#0040b340}.cyber-orbs{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;filter:blur(90px) saturate(1.4);opacity:.55}.cyber-orb{position:absolute;border-radius:50%;will-change:transform}.cyber-orb--1{width:550px;height:550px;background:radial-gradient(circle,var(--cyber-green) 0%,transparent 70%);top:-12%;left:-8%;animation:cyberOrb1 20s ease-in-out infinite}.cyber-orb--2{width:500px;height:500px;background:radial-gradient(circle,var(--cyber-cyan) 0%,transparent 70%);bottom:-18%;right:-6%;animation:cyberOrb2 24s ease-in-out infinite}.cyber-orb--3{width:350px;height:350px;background:radial-gradient(circle,var(--cyber-red) 0%,transparent 70%);top:50%;left:55%;opacity:.4;animation:cyberOrb3 17s ease-in-out infinite}.cyber-orb--4{width:420px;height:420px;background:radial-gradient(circle,#1a4a6e 0%,transparent 70%);top:5%;right:15%;animation:cyberOrb4 22s ease-in-out infinite}@keyframes cyberOrb1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(140px,100px) scale(1.2)}50%{transform:translate(80px,220px) scale(.85)}75%{transform:translate(-50px,120px) scale(1.1)}}@keyframes cyberOrb2{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-120px,-80px) scale(1.15)}50%{transform:translate(-200px,-170px) scale(.9)}75%{transform:translate(-60px,-220px) scale(1.05)}}@keyframes cyberOrb3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-180px,50px) scale(1.3)}66%{transform:translate(120px,-100px) scale(.75)}}@keyframes cyberOrb4{0%,to{transform:translate(0) scale(1)}30%{transform:translate(-90px,130px) scale(1.1)}60%{transform:translate(70px,50px) scale(.9)}}.cyber-grid{position:fixed;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(rgba(0,255,136,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.025) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 15%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 50%,black 15%,transparent 100%);animation:cyberGridPulse 6s ease-in-out infinite}@keyframes cyberGridPulse{0%,to{opacity:.5}50%{opacity:1}}.cyber-scan{position:fixed;top:0;width:2px;height:100vh;z-index:6;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,var(--cyber-green) 30%,var(--cyber-cyan) 50%,var(--cyber-green) 70%,transparent 100%);opacity:.25;filter:blur(1px);box-shadow:0 0 15px 3px #00ff8826,0 0 40px 5px #00d4ff14;animation:cyberScan1 7s ease-in-out infinite}.cyber-scan--2{width:1px;opacity:.12;filter:blur(.5px);box-shadow:0 0 10px 2px #ff2d551a;background:linear-gradient(to bottom,transparent 0%,var(--cyber-red) 40%,transparent 60%);animation:cyberScan2 11s ease-in-out infinite}@keyframes cyberScan1{0%{left:-2px}50%{left:calc(100% + 2px)}to{left:-2px}}@keyframes cyberScan2{0%{left:calc(100% + 2px)}50%{left:-2px}to{left:calc(100% + 2px)}}.cyber-vignette{position:fixed;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 30%,rgba(2,5,8,.55) 100%)}.cyber-hud{position:fixed;z-index:7;pointer-events:none;width:80px;height:80px}.cyber-hud--tl{top:20px;left:20px;border-top:1px solid rgba(0,255,136,.3);border-left:1px solid rgba(0,255,136,.3)}.cyber-hud--tr{top:20px;right:20px;border-top:1px solid rgba(0,255,136,.3);border-right:1px solid rgba(0,255,136,.3)}.cyber-hud--bl{bottom:20px;left:20px;border-bottom:1px solid rgba(0,212,255,.3);border-left:1px solid rgba(0,212,255,.3)}.cyber-hud--br{bottom:20px;right:20px;border-bottom:1px solid rgba(0,212,255,.3);border-right:1px solid rgba(0,212,255,.3)}body.cyber-bg-active>header,body.cyber-bg-active>main,body.cyber-bg-active>footer,body.cyber-bg-active>nav{position:relative;z-index:10}@media(prefers-reduced-motion:reduce){.cyber-orb,.cyber-grid,.cyber-scan{animation:none!important}}