.bg-base{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(123,110,246,.15) 0,transparent 50%),radial-gradient(ellipse 60% 80% at 90% 30%,rgba(29,255,196,.08) 0,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(168,85,247,.12) 0,transparent 60%),linear-gradient(180deg,#04040a,#08081a 50%,#04040a)}.bg-base,.bg-nebula{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-nebula{animation:nebula-hue 45s ease-in-out infinite;filter:blur(80px);opacity:.55;overflow:hidden}@keyframes nebula-hue{0%,to{filter:blur(80px) hue-rotate(0deg)}50%{filter:blur(80px) hue-rotate(25deg)}}.bg-nebula .blob{animation:blob-drift 28s ease-in-out infinite;border-radius:50%;mix-blend-mode:screen;opacity:.7;position:absolute}.bg-nebula .blob.b1{animation-delay:0s;background:radial-gradient(circle,#7b6ef6,transparent 70%);height:600px;left:-15%;top:-10%;width:600px}.bg-nebula .blob.b2{animation-delay:-8s;background:radial-gradient(circle,#1dffc4,transparent 70%);height:500px;right:-10%;top:40%;width:500px}.bg-nebula .blob.b3{animation-delay:-16s;background:radial-gradient(circle,#a855f7,transparent 70%);bottom:-20%;height:700px;left:30%;width:700px}.bg-nebula .blob.b4{animation-delay:-22s;background:radial-gradient(circle,#ec4899,transparent 70%);height:400px;left:55%;opacity:.35;top:15%;width:400px}@keyframes blob-drift{0%,to{opacity:.7;transform:translate(0) scale(1) rotate(0deg)}25%{opacity:1;transform:translate(80px,-50px) scale(1.15) rotate(5deg)}50%{opacity:.45;transform:translate(-30px,-80px) scale(.9) rotate(-3deg)}75%{opacity:.85;transform:translate(50px,30px) scale(1.08) rotate(4deg)}}.bg-scanlines{background:repeating-linear-gradient(0deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0) 3px,hsla(0,0%,100%,.008) 4px);mix-blend-mode:overlay;opacity:.5}.bg-scanlines,.bg-vignette{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-vignette{background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.5) 100%)}.bg-grid{inset:0;pointer-events:none;position:fixed;z-index:0}.grid-line{background:linear-gradient(90deg,transparent,rgba(123,110,246,.12),transparent);opacity:.4;position:absolute}.gl-h{height:1px;left:0;width:100%}.gl-v{height:100%;top:0;width:1px}.gl-h:first-child{top:20%;--i:0}.gl-h:nth-child(2){top:40%;--i:1}.gl-h:nth-child(3){top:60%;--i:2}.gl-h:nth-child(4){top:80%;--i:3}.gl-v:nth-child(5){left:10%;--i:0}.gl-v:nth-child(6){left:30%;--i:1}.gl-v:nth-child(7){left:50%;--i:2}.gl-v:nth-child(8){left:70%;--i:3}.gl-v:nth-child(9){left:90%;--i:4}@media (max-width:768px){.bg-nebula{filter:blur(60px);opacity:.3}.bg-scanlines{opacity:.3}.bg-nebula .blob{animation-duration:40s}.bg-grid{display:none}}