/* UX118: warmer burnt-orange base, more code, fewer visible cables. UX116: quiet code texture and cable routing; static, without flicker or rain animation. */
body{background:#120b08!important;background-image:radial-gradient(ellipse at 85% 14%,#52280e4d,transparent 60%),linear-gradient(145deg,#100a08,#26150d 55%,#120b08)!important}
body::before{content:""!important;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;pointer-events:none!important;z-index:0!important;background:url('matrix-code.svg') center top / 1400px 960px repeat!important;opacity:.5!important;filter:none!important;animation:none!important}
body::after{content:""!important;position:fixed!important;inset:0!important;width:auto!important;height:auto!important;pointer-events:none!important;z-index:1!important;background:url('matrix-cables.svg') right center / cover no-repeat!important;opacity:.12!important;filter:none!important;animation:none!important}
body>header,body>main,body>footer{position:relative;z-index:2}
.hero{background:radial-gradient(ellipse at 79% 48%,#5b2c1045,transparent 65%)!important}
.hero::after{background:linear-gradient(90deg,#120b08d9 0%,#120b0870 48%,transparent 90%)!important}
.halo{opacity:.2!important;border-color:#7f4a2540!important;box-shadow:0 0 80px #7e3c1720!important}
@media(max-width:600px){body::before{background-size:1000px 690px!important;opacity:.34!important}body::after{opacity:.08!important}.hero::after{background:linear-gradient(90deg,#120b08dc,#120b0890)!important}}
@media(forced-colors:active){body::before,body::after{display:none!important}}