:root{--grid-color:#02d5e8;--grid-size:22px;--grid-speed:6s}html,body{height:100%}.bg-layer{pointer-events:none;z-index:0;background:#000;position:absolute;inset:0;overflow:hidden}.bg-layer:after{content:"";opacity:.03;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='noStitch' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E");position:absolute;inset:0;z-index:0!important}.grid-plane{transform-origin:top;background-image:linear-gradient(90deg,var(--grid-color)1px,transparent 1px),linear-gradient(var(--grid-color)1px,transparent 1px),linear-gradient(90deg,var(--grid-color)1px,transparent 1px);background-size:var(--grid-size)var(--grid-size),var(--grid-size)var(--grid-size);opacity:.9;width:280%;height:280%;animation:gridFlow var(--grid-speed)linear infinite;background-position:0 0,0 0;position:absolute;bottom:-46%;left:50%}@keyframes gridFlow{0%{background-position:0 0,0 0}to{background-position:0 calc(var(--grid-size)*4),0 calc(var(--grid-size)*4)}}@media (max-width:640px){.grid-plane{width:300%;height:300%;bottom:-48%}}@keyframes glowLoop{0%{transform:translateY(51%)rotate(0)}5%{transform:translate(8%,31%)rotate(18deg)}10%{transform:translate(22%,13%)rotate(36deg)}20%{transform:translate(46%,21%)rotate(72deg)}30%{transform:translate(53%,80%)rotate(108deg)}40%{transform:translate(84%,89%)rotate(144deg)}50%{transform:translate(99%,47%)rotate(180deg)}60%{transform:translate(80%,7%)rotate(216deg)}70%{transform:translate(59%,41%)rotate(251deg)}80%{transform:translate(38%,78%)rotate(288deg)}90%{transform:translate(3%,79%)rotate(324deg)}to{transform:translateY(51%)rotate(360deg)}}