.hero-section{background-color:#030c11;position:relative;overflow:hidden}#hero-bg{z-index:0;pointer-events:none;background:radial-gradient(circle,#081b24 0%,#020608 100%);position:absolute;inset:0}#hero-bg:before{content:"";will-change:background-position,transform;opacity:.6;background-image:linear-gradient(#2ed3e64d 1px,#0000 1px),linear-gradient(90deg,#2ed3e64d 1px,#0000 1px);background-size:50px 50px;animation:3s linear infinite gridMove;position:absolute;inset:-100%;transform:perspective(500px)rotateX(20deg)scale(1.5);-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}#hero-bg:after{content:"";will-change:transform;opacity:.8;mix-blend-mode:screen;background:conic-gradient(#0000 0deg,#2ed3e61a 40deg,#f28c281a 120deg,#0000 240deg);width:200%;height:200%;animation:8s linear infinite radarSpin;position:absolute;top:-50%;left:-50%}@keyframes gridMove{0%{background-position:0 0}to{background-position:0 50px}}@keyframes gridMoveMobile{0%{background-position:0 0}to{background-position:0 30px}}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){#hero-bg:before{background-size:30px 30px;animation-name:gridMoveMobile;animation-duration:4s}}