@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700&display=swap');
:root{--bg:#050816;--panel:rgba(13,18,42,.72);--panel2:rgba(8,12,31,.9);--text:#f4f7ff;--muted:#9aa7c7;--line:rgba(255,255,255,.1);--accent:#7c5cff;--accent2:#33d6ff;--ok:#56e39f;--danger:#ff6c8a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 20% 20%,rgba(124,92,255,.17),transparent 28%),radial-gradient(circle at 80% 30%,rgba(51,214,255,.1),transparent 24%),linear-gradient(180deg,#040613,#090d22 55%,#040613)}.stars,.stars:before,.stars:after{position:fixed;content:"";inset:0;z-index:-2;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:70px 70px;opacity:.18;animation:drift 40s linear infinite}.stars:before{background-size:110px 110px;opacity:.2;transform:translateX(20px)}.stars:after{background-size:160px 160px;opacity:.12;transform:translateX(-30px)}@keyframes drift{to{transform:translateY(70px)}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:rgba(5,8,22,.76);backdrop-filter:blur(18px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.12em;font-size:20px;flex:none}.logo span{color:var(--accent2)}nav{display:flex;gap:19px;font-size:13px;color:#c8d0e7;align-items:center}nav a{white-space:nowrap}nav a:hover,nav a.active{color:#fff}.btn{border:0;color:white;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));font-weight:700;box-shadow:0 10px 30px rgba(124,92,255,.22)}.menu-toggle,.mobile-nav{display:none}.hero{min-height:78vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:70px 0}.kicker{color:var(--accent2);text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:12px}h1{font-family:Orbitron,sans-serif;font-size:clamp(46px,7vw,86px);line-height:.98;margin:16px 0 22px;letter-spacing:-.04em}h1 .grad,.grad{background:linear-gradient(90deg,#fff,#8bdfff 45%,#a88dff);-webkit-background-clip:text;color:transparent}.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:690px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.ghost,.ghost-control{padding:13px 20px;border:1px solid var(--line);border-radius:999px;color:#dce3f7;background:rgba(255,255,255,.03);cursor:pointer}.planet-wrap{display:flex;align-items:center;justify-content:center;min-height:440px;position:relative;perspective:800px}.planet{width:min(350px,78vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c9b8ff 0 3%,#7b65dd 10%,#322a83 38%,#100d32 72%);box-shadow:inset -45px -25px 70px rgba(0,0,0,.6),0 0 80px rgba(124,92,255,.3);animation:float 6s ease-in-out infinite}.hero-planet:after{content:"";position:absolute;width:115%;height:38%;left:-7%;top:37%;border:18px solid rgba(115,210,255,.55);border-top-color:rgba(115,210,255,.1);border-radius:50%;transform:rotate(-14deg);filter:drop-shadow(0 0 15px rgba(51,214,255,.25))}.moon-dot{position:absolute;width:24px;height:24px;background:#dfe8f4;border-radius:50%;right:8%;top:28%;box-shadow:0 0 20px #fff8;animation:moonfloat 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotateY(8deg)}}@keyframes moonfloat{50%{transform:translate(-20px,30px)}}section{padding:90px 0}.compact-top{padding-top:20px}.no-top{padding-top:0}.section-title{font-family:Orbitron,sans-serif;font-size:clamp(30px,4vw,48px);margin:0 0 12px}.section-sub{color:var(--muted);max-width:700px;line-height:1.7;margin-bottom:34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:26px;backdrop-filter:blur(12px);transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(127,104,255,.45)}.icon{font-size:38px;margin-bottom:16px}.card h2,.card h3{margin:0 0 10px}.card p{margin:0;color:var(--muted);line-height:1.65}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:26px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.stat strong{display:block;font-family:Orbitron;font-size:28px;margin-bottom:8px}.stat span{color:var(--muted);font-size:14px}.page-hero{padding:95px 0 55px;text-align:center}.page-hero.short{padding-bottom:35px}.page-hero h1{font-size:clamp(42px,6vw,72px)}.page-hero .lead{margin:auto}.planet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.planet-card{padding:0;overflow:hidden}.planet-img{height:205px;display:grid;place-items:center;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 65%)}.orb,.mega-orb{aspect-ratio:1;border-radius:50%;box-shadow:inset -24px -12px 40px rgba(0,0,0,.45),0 0 35px rgba(255,255,255,.08);position:relative}.orb{width:128px}.mega-orb{width:min(390px,78vw);box-shadow:inset -45px -25px 75px rgba(0,0,0,.5),0 0 90px rgba(90,110,255,.18)}.mercury{background:radial-gradient(circle at 35% 30%,#dfd9cf,#8c8276 43%,#4f4944 64%,#242322)}.venus{background:radial-gradient(circle at 35% 30%,#ffe1a0,#c98942 50%,#77501f)}.earth{background:radial-gradient(circle at 30% 34%,#a6e9ff 0 4%,#2b95d8 28%,#266d9c 48%,#174465 68%,#0a2038)}.earth:after{content:"";position:absolute;width:34%;height:20%;border-radius:70% 35% 60% 40%;background:#6f9e53;left:25%;top:37%;transform:rotate(18deg);opacity:.9}.mars{background:radial-gradient(circle at 35% 30%,#ffad7b,#b64d2f 50%,#672317)}.jupiter{background:linear-gradient(#dbc3a4 0 15%,#b56f4c 16% 27%,#f0dbc1 28% 42%,#9a6043 43% 56%,#e5c69e 57% 72%,#8e5a40 73%)}.saturn{background:radial-gradient(circle at 35% 30%,#fff3b0,#c6a659 65%,#6c5420)}.saturn:after{content:"";position:absolute;width:180%;height:45%;left:-40%;top:28%;border:10px solid rgba(217,199,151,.65);border-radius:50%;transform:rotate(-15deg)}.uranus{background:radial-gradient(circle at 35% 30%,#d4ffff,#76cbd4 55%,#37768a)}.neptune{background:radial-gradient(circle at 35% 30%,#80b5ff,#315dc6 50%,#17245f)}.card-body{padding:22px}.planet-symbol{color:var(--accent2);font-size:22px;margin-bottom:7px}.planet-symbol.big{font-size:58px}.text-link{display:inline-block;color:#c9d4ff;margin-top:18px;font-size:14px}.planet-detail-hero{min-height:68vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:60px 0 30px}.planet-detail-hero h1{margin-top:8px}.planet-number{font-family:Orbitron;color:#fff6;letter-spacing:.15em;margin-top:12px}.detail-visual{display:grid;place-items:center;min-height:460px}.planet-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{border:1px solid var(--line);border-radius:20px;padding:22px;background:rgba(255,255,255,.03)}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.metric strong{font-family:Orbitron;font-size:18px}.fact-layout{display:grid;grid-template-columns:1.7fr .8fr;gap:18px;margin-top:20px}.fact-story h2{font-family:Orbitron;margin-top:0}.fact-story p+ p{margin-top:18px}.quick-fact{display:flex;flex-direction:column;justify-content:center}.planet-pagination{display:flex;justify-content:space-between;margin-top:30px}.planet-pagination a{padding:12px 0;color:#cbd5f6}.solar-toolbar{display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}.solar-toolbar label{color:var(--muted);display:flex;align-items:center;gap:12px}.solar-toolbar input[type=range]{accent-color:var(--accent2)}.solar-stage,.star-stage{position:relative;height:min(68vh,720px);min-height:460px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#10183a 0,#070b1d 38%,#02040d 78%);box-shadow:inset 0 0 80px #000}.solar-stage canvas,.star-stage canvas{display:block;width:100%;height:100%;touch-action:none}.canvas-hint{position:absolute;right:18px;bottom:15px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:#fff5;pointer-events:none}.planet-tooltip{position:absolute;left:18px;top:18px;max-width:260px;background:rgba(8,12,31,.9);border:1px solid var(--line);padding:14px 16px;border-radius:16px;backdrop-filter:blur(12px);pointer-events:none}.planet-tooltip strong{display:block;margin-bottom:5px}.planet-tooltip span{color:var(--muted);font-size:13px}.model-note{color:var(--muted);font-size:13px;text-align:center;line-height:1.6}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:14px}.gallery-item{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;cursor:pointer;padding:0;color:white;text-align:left;background-color:#10142d}.gallery-item:nth-child(1),.gallery-item:nth-child(4){grid-column:span 7;grid-row:span 2}.gallery-item:nth-child(2),.gallery-item:nth-child(3){grid-column:span 5}.gallery-item:nth-child(5){grid-column:span 5;grid-row:span 2}.gallery-item:nth-child(6){grid-column:span 7;grid-row:span 2}.gallery-item:before{content:"";position:absolute;inset:0;transition:.45s;transform:scale(1.02)}.gallery-item:hover:before{transform:scale(1.08)}.gallery-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,4,13,.86))}.gallery-item span{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.gallery-item strong{display:block;font-size:20px}.gallery-item small{display:block;color:#d6def3;margin-top:7px;line-height:1.45}.nebula:before{background:radial-gradient(circle at 32% 45%,#ff84c9aa,transparent 18%),radial-gradient(circle at 60% 35%,#33d6ff99,transparent 23%),radial-gradient(circle at 55% 63%,#7c5cffbb,transparent 28%),radial-gradient(circle at 40% 50%,#fff 0 1px,transparent 2px),#050816;background-size:auto,auto,auto,22px 22px,auto}.galaxy:before{background:repeating-radial-gradient(ellipse at 50% 50%,#fff 0 1px,#a88dff44 2px 8px,transparent 9px 20px),radial-gradient(ellipse at 50% 50%,#fff7 0 4%,#8bdfff55 10%,#7c5cff44 25%,transparent 55%),#030511;transform:rotate(-12deg) scale(1.15)}.moon:before{background:radial-gradient(circle at 65% 46%,#e9edf3 0 15%,#8f98a8 16% 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#6f7787 0 28%,#333849 29% 36%,transparent 37%),linear-gradient(#030511,#162252)}.aurora:before{background:repeating-linear-gradient(104deg,transparent 0 7%,#56e39f18 8% 12%,#33d6ff55 13% 16%,transparent 17% 23%),radial-gradient(ellipse at 50% 115%,#17345d 0 25%,#081023 50%,#02040d 70%)}.eclipse:before{background:radial-gradient(circle at 52% 48%,#02040d 0 16%,#fff 16.6%,#ffd67a 17.5%,#ff9d3e55 21%,transparent 33%),radial-gradient(circle,#25102f,#030511 70%)}.deep:before{background:radial-gradient(circle at 30% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 68% 62%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 55% 43%,#7c5cff77,transparent 13%),radial-gradient(circle at 26% 71%,#33d6ff55,transparent 10%),#02040d;background-size:31px 31px,53px 53px,auto,auto,auto}.lightbox{position:fixed;z-index:60;inset:0;background:rgba(1,2,7,.93);display:grid;grid-template-columns:1.6fr .7fr;gap:25px;align-items:center;padding:5vw}.lightbox[hidden]{display:none}.lightbox-art{height:min(72vh,720px);border-radius:28px;border:1px solid var(--line);position:relative;overflow:hidden}.lightbox-art:before{content:"";position:absolute;inset:0;background:inherit}.lightbox-copy p{color:var(--muted);line-height:1.7}.lightbox-close{position:absolute;right:24px;top:18px;color:white;background:none;border:0;font-size:40px;cursor:pointer}.quiz-shell{max-width:760px}.quiz-progress{height:5px;background:#ffffff12;border-radius:10px;overflow:hidden;margin-bottom:18px}.quiz-progress div{height:100%;width:10%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:.3s}.quiz-card{padding:35px}.quiz-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.quiz-card h2{font-family:Orbitron;font-size:clamp(24px,4vw,36px);margin:25px 0}.quiz-answers{display:grid;gap:11px}.answer-btn{text-align:left;padding:15px 17px;border-radius:16px;border:1px solid var(--line);background:#ffffff07;color:white;cursor:pointer}.answer-btn:hover{border-color:#7c5cffaa}.answer-btn.correct{border-color:var(--ok);background:#56e39f18}.answer-btn.wrong{border-color:var(--danger);background:#ff6c8a17}.quiz-feedback{min-height:45px;margin:16px 0;color:var(--muted);line-height:1.5}.star-stage{background:radial-gradient(circle at 50% 30%,#111a43,#050816 58%,#02030a)}.star-info{position:absolute;left:18px;bottom:18px;background:#050816cc;border:1px solid var(--line);border-radius:14px;padding:11px 14px;color:#cbd6f6;font-size:13px;pointer-events:none}.switch-label input{accent-color:var(--accent2)}.wonder-list{max-width:900px}.wonder{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:34px 0;border-top:1px solid var(--line)}.wonder:last-child{border-bottom:1px solid var(--line)}.wonder>span{font-family:Orbitron;color:#ffffff2e;font-size:38px}.wonder h2{font-family:Orbitron;margin:0 0 12px}.wonder p{color:var(--muted);line-height:1.8;margin:0}.center-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.universe-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.contact-card{display:grid;gap:18px}.contact-card label{display:grid;gap:8px;color:#dce3f7;font-size:14px}.contact-card input,.contact-card select,.contact-card textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;color:white;background:#070b1d;outline:none}.contact-card input:focus,.contact-card select:focus,.contact-card textarea:focus{border-color:var(--accent2)}.form-status{color:var(--muted);margin:0;min-height:20px}.contact-aside{text-align:center;color:var(--muted);line-height:1.7}.contact-aside h2{font-family:Orbitron;color:white}.contact-aside code{color:#b8c7ff}.signal-orbit{position:relative;width:260px;height:260px;margin:0 auto 25px;border:1px solid #ffffff1c;border-radius:50%;display:grid;place-items:center}.signal-earth{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8be7ff,#2d80d0 50%,#12396b);box-shadow:0 0 45px #33d6ff33}.signal-orbit i{position:absolute;width:100%;height:100%;border:1px solid #33d6ff33;border-radius:50%;animation:signal 2.4s ease-out infinite}.signal-orbit i:nth-child(2){animation-delay:.8s}.signal-orbit i:nth-child(3){animation-delay:1.6s}@keyframes signal{0%{transform:scale(.35);opacity:.8}100%{transform:scale(1.25);opacity:0}}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1050px){nav{display:none}.menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:12px;color:white;font-size:19px;padding:7px 11px;cursor:pointer}.mobile-nav{display:none;padding:0 20px 18px;flex-wrap:wrap;gap:12px}.mobile-nav.open{display:flex}.mobile-nav a{padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:13px}.planet-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.hero,.planet-detail-hero,.contact-layout{grid-template-columns:1fr}.hero{padding:55px 0}.planet-wrap{min-height:330px}.planet{width:260px}.detail-visual{min-height:360px}.mega-orb{width:280px}.grid,.feature-grid,.universe-grid{grid-template-columns:1fr}.stats,.planet-facts{grid-template-columns:1fr 1fr}.fact-layout{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:280px}.gallery-item:nth-child(n){grid-column:auto;grid-row:auto}.lightbox{grid-template-columns:1fr;padding:70px 20px 25px}.lightbox-art{height:55vh}.lightbox-copy{display:none}section{padding:65px 0}.solar-stage,.star-stage{min-height:420px;height:58vh}.nav-cta{display:none}}
@media(max-width:480px){.container{width:min(100% - 28px,1180px)}.stats,.planet-facts,.planet-grid{grid-template-columns:1fr}h1{font-size:42px}.lead{font-size:16px}.nav{height:66px}.planet-img{height:185px}.wonder{grid-template-columns:55px 1fr;gap:12px}.wonder>span{font-size:24px}.quiz-card{padding:23px}.solar-stage,.star-stage{min-height:390px}.solar-toolbar{justify-content:flex-start}.gallery-grid{grid-auto-rows:230px}}