.odys-space{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:#07070c}
.nebula{position:absolute;inset:-25%;background:radial-gradient(ellipse at 23% 35%,#6545b028,transparent 38%),radial-gradient(ellipse at 80% 62%,#4051ba24,transparent 40%);filter:blur(30px)}
.stars{position:absolute;inset:-80px;background-image:radial-gradient(1px 1px at 34px 51px,#fff9 90%,transparent),radial-gradient(1.5px 1.5px at 171px 120px,#dbcffac0 90%,transparent),radial-gradient(1px 1px at 286px 271px,#b7bcf690 90%,transparent),radial-gradient(1px 1px at 99px 350px,#fff6 90%,transparent);background-size:397px 419px;opacity:.7}
.stars-far{transform:scale(1.4) rotate(17deg);opacity:.35}
.space-orbit{position:absolute;left:8%;top:10%;width:80vw;height:70vh;border:1px solid #a794ee18;border-radius:50%;transform:rotate(-24deg)}
@media(prefers-reduced-motion:no-preference){.stars{animation:star-drift 22s linear infinite alternate}
.stars-far{animation:star-far 30s linear infinite alternate}
.nebula{animation:nebula-drift 16s ease-in-out infinite alternate}
@keyframes star-drift{to{transform:translate(35px,45px)}
}
@keyframes star-far{to{transform:scale(1.4) rotate(20deg) translate(-30px,-25px)}
}
@keyframes nebula-drift{to{transform:translate(5%,3%);opacity:.55}
}
}
.motion-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.odys-space *{animation:none!important}
}