.cosmos{z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}.cosmos,.cosmos-vignette{position:absolute;inset:0}.cosmos-vignette{background:radial-gradient(120% 80% at 50% 0,transparent 55%,var(--gl-bg) 100%),linear-gradient(to bottom,transparent 60%,var(--gl-bg) 100%)}.cosmos .gl-stars{opacity:.55}.cosmos-planet{right:-14%;top:-22%;width:clamp(360px,46vw,720px);aspect-ratio:1;background:radial-gradient(circle at 32% 30%,rgba(196,170,255,.55),rgba(139,92,246,.22) 42%,rgba(76,40,130,.1) 62%,transparent 72%),radial-gradient(circle at 68% 74%,rgba(30,20,60,.55),transparent 55%);box-shadow:inset -40px -30px 90px rgba(5,5,10,.7),0 0 120px rgba(139,92,246,.28);filter:saturate(1.05);animation:cosmos-float 16s ease-in-out infinite}.cosmos-planet,.cosmos-planet-ring{position:absolute;border-radius:50%}.cosmos-planet-ring{left:50%;top:50%;width:168%;height:44%;transform:translate(-50%,-50%) rotate(-22deg);border:1.5px solid rgba(196,170,255,.28);box-shadow:0 0 30px rgba(139,92,246,.18)}.cosmos-planet-ring:after{content:"";position:absolute;inset:8% 4%;border-radius:50%;border:1px solid rgba(168,85,247,.16)}.cosmos-aurora{position:absolute;inset:-25% -10% auto -10%;height:90%;filter:blur(64px);opacity:.42;background:radial-gradient(46% 60% at 22% 34%,rgba(94,234,212,.55),transparent 70%),radial-gradient(50% 66% at 62% 26%,rgba(139,92,246,.55),transparent 72%),radial-gradient(44% 58% at 84% 44%,rgba(96,165,250,.45),transparent 70%);background-repeat:no-repeat;animation:cosmos-aurora-drift 18s ease-in-out infinite alternate}.cosmos-nebula{position:absolute;inset:-20%;filter:blur(70px);opacity:.5;background:radial-gradient(38% 42% at 26% 32%,rgba(217,70,239,.42),transparent 70%),radial-gradient(42% 46% at 74% 40%,rgba(139,92,246,.5),transparent 72%),radial-gradient(34% 40% at 54% 78%,rgba(59,130,246,.32),transparent 70%);background-repeat:no-repeat;animation:cosmos-float 22s ease-in-out infinite}.cosmos-rainbow{position:absolute;left:50%;top:120%;width:160%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,transparent 0 62%,rgba(139,92,246,0) 62%,rgba(217,70,239,.22) 66%,rgba(139,92,246,.22) 70%,rgba(96,165,250,.2) 74%,rgba(94,234,212,.18) 78%,rgba(250,204,21,.12) 82%,transparent 88%);filter:blur(14px);opacity:.6;animation:cosmos-rainbow-breathe 12s ease-in-out infinite}.cosmos-shooting{position:absolute;inset:0}.cosmos-shoot{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 6px 1px rgba(255,255,255,.7);opacity:0}.cosmos-shoot:before{content:"";position:absolute;right:1px;top:50%;width:120px;height:1.5px;transform:translateY(-50%);background:linear-gradient(270deg,rgba(255,255,255,.85),rgba(196,170,255,.35),transparent)}.cosmos-shoot:first-child{top:16%;left:72%;animation:cosmos-shoot 6.5s ease-in 1.2s infinite}.cosmos-shoot:nth-child(2){top:34%;left:88%;animation:cosmos-shoot 8s ease-in 3.4s infinite}.cosmos-shoot:nth-child(3){top:58%;left:64%;animation:cosmos-shoot 9.5s ease-in 6s infinite}@keyframes cosmos-float{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(18px) translateX(-10px)}}@keyframes cosmos-aurora-drift{0%{transform:translateX(-4%) skewX(-2deg);opacity:.34}to{transform:translateX(4%) skewX(2deg);opacity:.5}}@keyframes cosmos-rainbow-breathe{0%,to{opacity:.45}50%{opacity:.7}}@keyframes cosmos-shoot{0%{transform:translate(0) rotate(18deg);opacity:0}4%{opacity:1}16%{transform:translate(-260px,120px) rotate(18deg);opacity:0}to{transform:translate(-260px,120px) rotate(18deg);opacity:0}}@media (prefers-reduced-motion:reduce){.cosmos-aurora,.cosmos-nebula,.cosmos-planet,.cosmos-rainbow{animation:none}.cosmos-shoot{display:none}}@media (max-width:768px){.cosmos-planet{width:clamp(240px,70vw,380px);right:-22%;top:-14%}.cosmos-aurora,.cosmos-nebula{filter:blur(48px)}}