.stars-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.stars-layer-1{background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.4),transparent);background-size:200px 200px;animation:drift-slow 300s linear infinite}.stars-layer-1,.stars-layer-2{position:absolute;width:200%;height:200%;top:-50%;left:-50%}.stars-layer-2{background-image:radial-gradient(1.5px 1.5px at 150px 150px,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 200px 220px,rgba(200,220,255,.8),transparent),radial-gradient(1.5px 1.5px at 100px 280px,rgba(255,240,220,.7),transparent),radial-gradient(1.5px 1.5px at 300px 100px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 250px 350px,rgba(220,200,255,.7),transparent);background-size:400px 400px;animation:drift-medium 200s linear infinite reverse}.stars-layer-3{background-image:radial-gradient(2px 2px at 100px 100px,rgba(255,255,255,1),transparent),radial-gradient(2.5px 2.5px at 300px 200px,rgba(200,220,255,1),transparent),radial-gradient(2px 2px at 500px 400px,rgba(255,240,220,.9),transparent),radial-gradient(2.5px 2.5px at 700px 100px,rgba(255,255,255,1),transparent),radial-gradient(2px 2px at 200px 500px,rgba(220,200,255,.9),transparent);background-size:800px 600px;animation:drift-fast 150s linear infinite}.stars-layer-3,.twinkling-layer-1{position:absolute;width:200%;height:200%;top:-50%;left:-50%}.twinkling-layer-1{background-image:radial-gradient(2px 2px at 50px 50px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 150px 250px,rgba(200,220,255,.7),transparent),radial-gradient(2px 2px at 350px 150px,rgba(255,240,220,.8),transparent),radial-gradient(2px 2px at 250px 450px,rgba(255,255,255,.7),transparent);background-size:500px 500px;animation:twinkle-1 4s ease-in-out infinite}.twinkling-layer-2{background-image:radial-gradient(1.5px 1.5px at 100px 300px,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 400px 100px,rgba(180,200,255,.8),transparent),radial-gradient(1.5px 1.5px at 200px 200px,rgba(255,220,200,.7),transparent);background-size:600px 400px;animation:twinkle-2 3s ease-in-out infinite;animation-delay:1s}.twinkling-layer-2,.twinkling-layer-3{position:absolute;width:200%;height:200%;top:-50%;left:-50%}.twinkling-layer-3{background-image:radial-gradient(2.5px 2.5px at 250px 150px,rgba(255,255,255,1),transparent),radial-gradient(2.5px 2.5px at 450px 350px,rgba(200,180,255,.9),transparent);background-size:700px 500px;animation:twinkle-3 5s ease-in-out infinite;animation-delay:2s}.nebula-layer{background:radial-gradient(ellipse 80% 50% at 20% 80%,rgba(138,43,226,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(65,105,225,.06) 0,transparent 50%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(255,20,147,.04) 0,transparent 40%),radial-gradient(ellipse 70% 50% at 70% 70%,rgba(0,191,255,.05) 0,transparent 45%);animation:nebula-pulse 20s ease-in-out infinite}.nebula-layer,.nebula-layer-2{position:absolute;width:100%;height:100%;top:0;left:0}.nebula-layer-2{background:radial-gradient(ellipse 40% 30% at 10% 30%,rgba(75,0,130,.06) 0,transparent 50%),radial-gradient(ellipse 50% 40% at 90% 60%,rgba(123,104,238,.05) 0,transparent 50%);animation:nebula-drift 30s ease-in-out infinite;animation-delay:5s}.shooting-stars-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.shooting-star{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,.5) 50%,transparent);border-radius:50%;opacity:0;transform:rotate(-45deg);animation:shooting 6s linear infinite}.shooting-star:before{content:"";position:absolute;width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,1) 0,rgba(200,220,255,.8) 50%,transparent 100%);border-radius:50%;left:0;top:-3px;box-shadow:0 0 10px 2px rgba(255,255,255,.6)}.shooting-star-1{top:10%;left:80%;animation-delay:0s;animation-duration:6s}.shooting-star-2{top:30%;left:60%;animation-delay:3s;animation-duration:7s}.shooting-star-3{top:50%;left:90%;animation-delay:6s;animation-duration:5s}.shooting-star-4{top:20%;left:40%;animation-delay:9s;animation-duration:8s}.shooting-star-5{top:70%;left:70%;animation-delay:12s;animation-duration:6s}.celestial-objects{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.distant-planet{position:absolute;border-radius:50%;opacity:.15}.planet-1{width:80px;height:80px;top:15%;right:10%;background:radial-gradient(circle at 30% 30%,rgba(180,140,255,.8) 0,rgba(100,60,180,.6) 50%,rgba(50,20,100,.4) 100%);animation:float-planet 60s ease-in-out infinite}.planet-2{width:50px;height:50px;bottom:25%;left:8%;background:radial-gradient(circle at 35% 35%,rgba(255,200,150,.7) 0,rgba(200,100,50,.5) 50%,rgba(100,40,20,.3) 100%);animation:float-planet 45s ease-in-out infinite reverse;animation-delay:10s}.moon{width:25px;height:25px;top:35%;left:15%;background:radial-gradient(circle at 40% 40%,rgba(220,220,230,.5) 0,rgba(150,150,160,.3) 70%,rgba(100,100,110,.2) 100%);animation:float-moon 80s ease-in-out infinite}.cosmic-dust{position:absolute;width:300%;height:300%;top:-100%;left:-100%;background-image:radial-gradient(.5px .5px at 10px 10px,rgba(255,255,255,.2),transparent),radial-gradient(.5px .5px at 30px 50px,rgba(255,255,255,.15),transparent),radial-gradient(.5px .5px at 70px 30px,rgba(255,255,255,.18),transparent),radial-gradient(.5px .5px at 90px 80px,rgba(255,255,255,.12),transparent);background-size:100px 100px;animation:dust-drift 400s linear infinite;opacity:.6}.stars{background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.4),transparent);background-size:200px 200px}.stars,.twinkling{position:absolute;width:110%;height:110%;top:-5%;left:-5%}.twinkling{background-image:radial-gradient(1.5px 1.5px at 30px 30px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 80px 100px,rgba(255,255,255,.4),transparent);background-size:150px 150px;animation:move-twink-back 200s linear infinite}@keyframes drift-slow{0%{transform:translate(0)}to{transform:translate(-1000px,-500px)}}@keyframes drift-medium{0%{transform:translate(0)}to{transform:translate(-800px,-400px)}}@keyframes drift-fast{0%{transform:translate(0)}to{transform:translate(-600px,-300px)}}@keyframes twinkle-1{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes twinkle-2{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}@keyframes twinkle-3{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes nebula-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes nebula-drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}@keyframes shooting{0%{opacity:0;transform:rotate(-45deg) translateX(0)}5%{opacity:1}20%{opacity:1;transform:rotate(-45deg) translateX(-400px)}25%{opacity:0;transform:rotate(-45deg) translateX(-500px)}to{opacity:0;transform:rotate(-45deg) translateX(-500px)}}@keyframes float-planet{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(-10px,5px) rotate(2deg)}50%{transform:translateY(10px) rotate(0deg)}75%{transform:translate(10px,5px) rotate(-2deg)}}@keyframes float-moon{0%,to{transform:translate(0)}50%{transform:translate(15px,-10px)}}@keyframes dust-drift{0%{transform:translate(0)}to{transform:translate(-2000px,-1000px)}}@keyframes move-twink-back{0%{transform:translateX(0)}to{transform:translateX(-10000px)}}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}@media (max-width:768px){.shooting-star{width:100px}.planet-1{width:60px;height:60px;opacity:.1}.planet-2{width:35px;height:35px;opacity:.08}.moon{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.cosmic-dust,.distant-planet,.moon,.nebula-layer,.nebula-layer-2,.shooting-star,.stars,.stars-layer-1,.stars-layer-2,.stars-layer-3,.twinkling,.twinkling-layer-1,.twinkling-layer-2,.twinkling-layer-3{animation:none}.shooting-star{display:none}.twinkling-layer-1,.twinkling-layer-2,.twinkling-layer-3{opacity:.7}}