.cosmic-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#000}.stars{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 100px 50px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 400px 150px,rgba(255,255,255,0.8),transparent),radial-gradient(2.5px 2.5px at 700px 100px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 200px 300px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 500px 250px,rgba(255,255,255,0.8),transparent),radial-gradient(2.5px 2.5px at 850px 350px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 150px 500px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 450px 450px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 750px 550px,rgba(255,255,255,0.8),transparent),radial-gradient(2.5px 2.5px at 300px 650px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 600px 700px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 950px 600px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 50px 200px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 250px 100px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 550px 400px,rgba(255,255,255,0.8),transparent),radial-gradient(2px 2px at 820px 200px,rgba(255,255,255,0.9),transparent),radial-gradient(2px 2px at 380px 600px,rgba(255,255,255,0.7),transparent),radial-gradient(2px 2px at 680px 350px,rgba(255,255,255,0.8),transparent);background-size:1000px 800px}.stars-2{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.5px 1.5px at 50px 80px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 180px 200px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 320px 120px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 480px 320px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 620px 180px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 780px 400px,rgba(255,255,255,0.55),transparent),radial-gradient(1.5px 1.5px at 120px 450px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 280px 550px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 450px 620px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 600px 500px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 750px 680px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 880px 280px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 90px 350px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 230px 420px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 370px 280px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 520px 580px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 670px 450px,rgba(255,255,255,0.5),transparent),radial-gradient(1.5px 1.5px at 830px 550px,rgba(255,255,255,0.55),transparent),radial-gradient(1.5px 1.5px at 950px 150px,rgba(255,255,255,0.45),transparent),radial-gradient(1.5px 1.5px at 420px 50px,rgba(255,255,255,0.5),transparent);background-size:1000px 750px}.stars-3{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1px 1px at 30px 40px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 70px 120px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 110px 80px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 150px 180px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 200px 60px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 250px 150px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 300px 100px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 350px 200px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 400px 50px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 450px 160px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 500px 90px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 550px 180px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 600px 70px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 650px 140px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 700px 110px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 750px 190px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 800px 40px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 850px 130px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 900px 80px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 950px 170px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 40px 250px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 90px 320px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 140px 280px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 190px 350px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 240px 300px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 290px 370px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 340px 330px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 390px 390px,rgba(255,255,255,0.3),transparent),radial-gradient(1px 1px at 440px 270px,rgba(255,255,255,0.25),transparent),radial-gradient(1px 1px at 490px 340px,rgba(255,255,255,0.3),transparent);background-size:1000px 450px}.cosmic-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient( ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,0.4) 100% );pointer-events:none;z-index:1}@media (prefers-reduced-motion:reduce){.stars,.stars-2,.stars-3{background-image:none}}