.scanlines{pointer-events:none;z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.scanlines:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4108 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}.scanlines:after{content:"";background:linear-gradient(#0000 0%,#00ff410d 50%,#0000 100%);width:100%;height:200%;animation:8s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{transform:translateY(-50%)}to{transform:translateY(0%)}}.circuit-bg{background-image:linear-gradient(#00ff4108 1px,#0000 1px),linear-gradient(90deg,#00ff4108 1px,#0000 1px);background-size:50px 50px}.text-glow{text-shadow:0 0 5px #00ff41,0 0 10px #00ff41,0 0 20px #00ff4180}.text-glow-sm{text-shadow:0 0 3px #00ff41,0 0 6px #00ff4180}.box-glow{box-shadow:0 0 5px #00ff41,0 0 10px #00ff41,0 0 20px #00ff4140}.box-glow-lg{box-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 40px #00ff4160}.border-glow{border-color:#00ff41;box-shadow:inset 0 0 10px #00ff4120,0 0 10px #00ff4120}.border-glow-opacity-30{opacity:.7;border-color:#00ff41;box-shadow:inset 0 0 10px #00ff411a,0 0 10px #00ff411a}.border-glow-opacity-20{opacity:.2;border-color:#00ff41;box-shadow:inset 0 0 10px #00ff4126,0 0 10px #00ff4126}.hud-corner{position:relative}.hud-corner:before,.hud-corner:after{content:"";border:2px solid #00ff41;width:20px;height:20px;position:absolute}.hud-corner:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.hud-corner:after{border-top:none;border-left:none;bottom:-2px;right:-2px}.glitch-hover:hover{animation:.3s ease-in-out glitch}@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)}}.digital-noise{position:relative;overflow:hidden}.digital-noise:before{content:"";opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 1px,#00ff411a 1px 2px);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.digital-noise:hover:before{opacity:1;animation:.2s steps(10,end) infinite noise}@keyframes noise{0%,to{transform:translateY(0)}10%{transform:translateY(-5%)}20%{transform:translateY(-10%)}30%{transform:translateY(-5%)}40%{transform:translateY(5%)}50%{transform:translateY(10%)}60%{transform:translateY(5%)}70%{transform:translateY(-2%)}80%{transform:translateY(2%)}90%{transform:translateY(-1%)}}.cursor-blink:after{content:"_";animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}
