.solar-system{aspect-ratio:1;isolation:isolate;width:100%;min-width:0;position:relative}.solar-scene{pointer-events:none;position:absolute;inset:0}.solar-orbits{stroke:#5dafff;stroke-width:.8px;stroke-opacity:.2;width:100%;height:100%;position:absolute;inset:0}.solar-orbits ellipse:nth-child(2){stroke-opacity:.1}.solar-body{aspect-ratio:1;position:absolute}.solar-body img{width:100%;height:100%;animation:13s ease-in-out infinite solar-float;display:block}.solar-sun{width:24%;top:9%;left:1%;transform:rotate(-9deg)}.solar-sun:before{content:"";z-index:-1;background:radial-gradient(#ffd34d26,#ffd34d00 67%);position:absolute;inset:-42%}.solar-moon{width:19%;top:6%;right:5%;transform:rotate(11deg)}.solar-moon img{animation-duration:16s;animation-delay:-4s}.solar-earth{z-index:2;width:31%;top:58%;right:0;transform:rotate(7deg)}.solar-earth img{animation-duration:15s;animation-delay:-7s}.solar-explorer{z-index:1;width:48%;position:absolute;top:23%;left:24%;transform:rotate(-9deg)}.solar-astronaut{width:100%;height:auto;animation:10s ease-in-out infinite solar-explore;display:block}.solar-system.motion-offscreen .solar-body img,.solar-system.motion-offscreen .solar-astronaut{animation-play-state:paused}.solar-system .solar-offer{backdrop-filter:none;background:#0b1b34f2;bottom:4%;left:2%;transform:none}.solar-system .solar-offer:hover{transform:translateY(-4px)}.solar-system .solar-offer>img{object-fit:contain;border-radius:0}@keyframes solar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes solar-explore{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width>=651px) and (width<=900px){.solar-system{align-self:center}.solar-system .solar-offer{gap:8px;bottom:-9%;left:0}}@media (width<=650px){.solar-system{aspect-ratio:1.05;max-width:400px;margin:26px auto 0}.solar-sun{top:4%}.solar-moon{top:2%}.solar-earth{top:54%}.solar-explorer{top:18%}.solar-system .solar-offer{gap:8px;padding:10px 12px;bottom:0;left:3%}.solar-offer .offer-arrow{width:32px;height:32px;margin-left:0}.solar-offer>img{width:34px;height:34px}.solar-offer strong{font-size:21px}}@media (prefers-reduced-motion:reduce){.solar-body img,.solar-astronaut{animation:none}}
