:root{--radius: 1rem;--galaxy-cyan: 187 94% 43%;--violet-accent: 270 70% 60%}body{margin:0;padding:0;font-family:Inter,Outfit,Roboto,sans-serif;background-color:#020204;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020204}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.animate-twinkle{animation:twinkle 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #07bdd54d}50%{box-shadow:0 0 40px #07bdd580}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.planet-container{position:relative;width:300px;height:300px;transform-style:preserve-3d;perspective:1200px}@keyframes planet-rotate{0%{background-position:0% center}to{background-position:200% center}}@keyframes cloud-rotate{0%{background-position:0% center}to{background-position:-200% center}}@keyframes ring-shimmer{0%,to{opacity:.7;transform:scale(1) rotateX(75deg)}50%{opacity:1;transform:scale(1.02) rotateX(75deg)}}@keyframes storm-rotate{0%{transform:translate(-10%,-10%) rotate(0)}to{transform:translate(-10%,-10%) rotate(-360deg)}}.planet-deep-glow{position:absolute;top:-100px;right:-100px;bottom:-100px;left:-100px;border-radius:50%;background:radial-gradient(circle at 40% 40%,hsla(270,70%,60%,.15) 0%,hsla(187,94%,43%,.08) 30%,transparent 70%);filter:blur(60px);animation:pulse-glow 8s ease-in-out infinite}.planet-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;border-radius:50%;background:radial-gradient(circle at 35% 35%,hsla(187,94%,43%,.4) 0%,hsla(187,94%,43%,.15) 30%,transparent 70%);filter:blur(35px);animation:pulse-glow 6s ease-in-out infinite}.planet-core-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,hsla(187,94%,43%,.2) 0%,transparent 80%);filter:blur(20px);z-index:10;pointer-events:none}.planet-surface{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 35% 35%,transparent 20%,rgba(0,0,0,.8) 90%),linear-gradient(to right,#1e3a8a,#3b82f6,#60a5fa,#3b82f6,#1e3a8a);background-size:200% 100%;overflow:hidden;box-shadow:inset -40px -40px 80px #000000e6,inset 20px 20px 60px #07bdd54d,0 0 80px #07bdd533;animation:planet-rotate 60s linear infinite;transform-style:preserve-3d}.planet-bands{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:.6;background:repeating-linear-gradient(180deg,transparent 0px,transparent 10px,hsla(0,0%,100%,.05) 10px,hsla(0,0%,100%,.05) 20px);mix-blend-mode:overlay}.planet-texture{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-image:radial-gradient(circle at 20% 30%,hsla(187,94%,43%,.2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,hsla(270,70%,60%,.2) 0%,transparent 40%);background-size:100% 100%;animation:planet-rotate 40s linear infinite reverse}.planet-storm{position:absolute;top:40%;left:25%;width:20%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,hsla(350,80%,60%,.6) 0%,transparent 80%);box-shadow:0 0 20px #d9264466;filter:blur(1px);z-index:5}.planet-clouds{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse 40% 10% at 50% 30%,hsla(0,0%,100%,.2) 0%,transparent 100%),radial-gradient(ellipse 50% 15% at 30% 60%,hsla(0,0%,100%,.15) 0%,transparent 100%),radial-gradient(ellipse 30% 12% at 75% 45%,hsla(0,0%,100%,.2) 0%,transparent 100%);background-size:200% 100%;opacity:.4;animation:cloud-rotate 90s linear infinite;mix-blend-mode:soft-light}.planet-highlight{position:absolute;top:10%;left:10%;width:50%;height:40%;border-radius:50%;background:radial-gradient(circle at center,hsla(0,0%,100%,.4) 0%,transparent 70%);filter:blur(25px);pointer-events:none}.planet-rim-light{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 80% 50%,hsla(187,94%,43%,.3) 0%,transparent 35%);filter:blur(15px);pointer-events:none}.saturn-ring-wrapper{position:absolute;top:50%;left:50%;width:420px;height:120px;margin-left:-210px;margin-top:-60px;transform:rotateX(75deg);transform-style:preserve-3d;z-index:-1}.saturn-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform-style:preserve-3d}.saturn-ring .ring-inner{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:50%;background:transparent;border:12px solid hsla(187,94%,43%,.4);box-shadow:0 0 20px #07bdd54d,inset 0 0 15px #07bdd533;animation:ring-shimmer 4s ease-in-out infinite}.saturn-ring .ring-middle{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:transparent;border:8px solid hsla(270,70%,60%,.35);box-shadow:0 0 15px #9952e040,inset 0 0 10px #9952e026;animation:ring-shimmer 5s ease-in-out infinite .5s}.saturn-ring .ring-outer{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:transparent;border:4px solid hsla(187,80%,60%,.25);box-shadow:0 0 10px #07bdd526;animation:ring-shimmer 6s ease-in-out infinite 1s}.saturn-ring-front-wrapper{position:absolute;top:50%;left:50%;width:420px;height:120px;margin-left:-210px;margin-top:-60px;transform:rotateX(75deg);transform-style:preserve-3d;z-index:10;clip-path:polygon(0 50%,100% 50%,100% 100%,0 100%)}.saturn-ring-front .ring-inner{position:absolute;top:25px;right:25px;bottom:25px;left:25px;border-radius:50%;background:transparent;border:12px solid hsla(187,94%,43%,.5);box-shadow:0 0 25px #07bdd566;animation:ring-shimmer 4s ease-in-out infinite}.saturn-ring-front .ring-middle{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:transparent;border:8px solid hsla(270,70%,60%,.45);box-shadow:0 0 20px #9952e059;animation:ring-shimmer 5s ease-in-out infinite .5s}.saturn-ring-front .ring-outer{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:transparent;border:4px solid hsla(187,80%,60%,.35);box-shadow:0 0 15px #07bdd533;animation:ring-shimmer 6s ease-in-out infinite 1s}@media (max-width: 1024px){.planet-container{width:240px;height:240px}.saturn-ring-wrapper,.saturn-ring-front-wrapper{width:340px;height:100px;margin-left:-170px;margin-top:-50px}}@media (max-width: 768px){.planet-container{width:200px;height:200px}.saturn-ring-wrapper,.saturn-ring-front-wrapper{width:280px;height:80px;margin-left:-140px;margin-top:-40px}.planet-glow{top:-25px;right:-25px;bottom:-25px;left:-25px}}