:root{--bg-color: #000000;--accent-color: #a020f0;--text-primary: #ffffff;--text-secondary: #e0e0e0;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(25px)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;margin:0;padding:0;min-height:100vh}.nebula-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(160,32,240,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,100,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,0,0,.03) 0%,transparent 60%)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000005e}.btn-pulse{background-color:var(--accent-color);color:#fff;border:none;padding:12px 32px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px var(--accent-color);animation:pulse 2s infinite}.btn-pulse:hover{transform:scale(1.05);box-shadow:0 0 25px var(--accent-color)}@keyframes pulse{0%{box-shadow:0 0 #a020f0b3}70%{box-shadow:0 0 0 15px #a020f000}to{box-shadow:0 0 #a020f000}}.btn-back{position:absolute;top:20px;left:20px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:#fff;padding:10px 20px;border-radius:12px;text-decoration:none;z-index:100;transition:.3s;font-weight:500;display:flex;align-items:center;gap:8px}.btn-back:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translate(-5px)}.content-section{margin-bottom:80px}.description-text{line-height:1.8;font-size:1.1rem;color:var(--text-secondary)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.info-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.info-card:hover{transform:translateY(-10px);background:#ffffff1f;border-color:var(--accent-color);box-shadow:0 15px 35px #a020f033}.info-card i{font-size:2rem;color:var(--accent-color);margin-bottom:20px;display:block}.info-card h3{margin-bottom:15px;font-size:1.4rem;color:var(--text-primary)}.info-card p{color:var(--text-secondary);line-height:1.6}.moons-container{display:flex;flex-direction:column;gap:30px;margin-top:20px}.moons-scroll-container{max-height:300px;overflow-y:auto;padding-right:10px;margin-top:20px}.moons-scroll-container::-webkit-scrollbar{width:6px}.moons-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.moons-scroll-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.moons-grid{display:flex;flex-wrap:wrap;gap:10px}.moon-badge{background:#ffffff0d;border:1px solid var(--glass-border);padding:8px 15px;border-radius:20px;font-size:.9rem;color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center}.moon-badge:hover{background:#a020f033;border-color:var(--accent-color);transform:translateY(-2px);color:#fff}.planet-icon{border-radius:50%;flex-shrink:0;width:10px;height:10px;background:#fff;margin-right:8px}.no-moons{opacity:.6;font-style:italic;padding:20px;background:#ffffff08;border-radius:12px;border:1px dashed var(--glass-border)}.hidden{display:none!important}
