@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090e14;--panel:#101720;--line:#24303b;--text:#eef1f4;--muted:#98a4b2;--lime:#d2f898}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);max-width:1280px;margin:auto;padding:0 40px}.logo{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1px}.logo:first-letter,.dot{color:var(--lime)}nav{display:flex;gap:36px;color:#a5aeb9;font-size:14px}nav a:hover{color:var(--lime)}.navquiz{font-size:13px;border:1px solid #3a444e;border-radius:8px;padding:10px 17px}main{max-width:1280px;margin:auto;padding:0 40px}section{padding:80px 0}.hero{position:relative;min-height:610px;padding-top:83px;overflow:hidden}.eyebrow{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--lime)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.2;letter-spacing:-1.5px}h1{font-size:64px;font-weight:600;margin:24px 0}h1 em{font-style:normal;color:var(--lime)}h2{font-size:36px;font-weight:500;margin:16px 0}h3{font-size:20px;letter-spacing:-.5px}p{color:var(--muted);font-size:15px}.hero p{line-height:1.9}.primary{display:inline-flex;background:var(--lime);color:#142012;gap:35px;border-radius:7px;padding:14px 21px;font-size:14px;font-weight:700;margin-top:20px}.hero-facts{display:flex;gap:28px;font-size:12px;color:var(--muted);margin-top:35px}.hero-facts b{color:#e3e9ee;margin-right:6px;font-size:17px}.hero-orbit{position:absolute;width:580px;height:580px;right:-140px;top:14px;border:1px solid #28343e;border-radius:50%;z-index:-1}.hero-orbit:before{content:'';position:absolute;inset:65px;border:1px solid #28343e;border-radius:50%}.hero-earth{position:absolute;left:95px;top:130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(ellipse at 35% 30%,#d6e8c4 0,transparent 23%),radial-gradient(ellipse at 30% 60%,#57775a 0,transparent 25%),radial-gradient(ellipse at 68% 36%,#80a591 0,transparent 21%),repeating-conic-gradient(from 40deg,#2b6573 0deg,#3f8790 25deg,#476956 50deg,#244b71 70deg);box-shadow:inset -80px -45px 65px #02060ded,inset 8px 4px 20px #b9e8df55,0 0 80px #31647a22;transform:rotate(-20deg)}.mini-moon{position:absolute;left:57px;top:108px;width:34px;height:34px;background:radial-gradient(circle at 30% 30%,#abb3b9,#343e48 65%,#151e27);border-radius:50%}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head p{margin-bottom:28px}.live{color:var(--muted);font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.live i{height:5px;width:5px;border-radius:50%;background:var(--lime)}.explore{padding-top:30px}.explorer{display:grid;grid-template-columns:1fr 310px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.map{background:radial-gradient(ellipse at center,#18213122,transparent 70%),radial-gradient(circle at 20% 30%,#ffffff55 0 1px,transparent 1.4px),radial-gradient(circle at 70% 60%,#ffffff40 0 1px,transparent 1.4px),#0b1119;background-size:auto,113px 127px,173px 151px,auto;min-width:0;position:relative;height:510px;overflow:hidden}.map-top,.map-bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);z-index:2}.map-top{top:18px;letter-spacing:1px}.map-top button{border:1px solid #34404d;background:#131c26;color:#cbd3dc;border-radius:6px;padding:6px 10px;font-size:11px;letter-spacing:0}.map-bottom{bottom:17px;font-size:9px}.universe{position:absolute;width:460px;height:460px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit{position:absolute;border:1px solid #283541;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbiter{position:absolute;inset:0;animation:orbit var(--duration) linear infinite;pointer-events:none}.planet-button{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);border:0;background:none;padding:8px;pointer-events:auto;border-radius:50%}.sphere{display:block;width:var(--size,25px);height:var(--size,25px);border-radius:50%;background:var(--surface);box-shadow:inset -7px -4px 10px #0009}.sphere.saturn{position:relative}.sphere.saturn:after{content:'';position:absolute;inset:32% -40%;border:4px solid #b7a47a99;border-radius:50%;transform:rotate(-25deg)}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;width:47px;height:47px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff4aa,#ffb536 55%,#f67821);box-shadow:0 0 30px #ffad3570,0 0 80px #ffad3520;cursor:pointer;z-index:1}.paused .orbiter{animation-play-state:paused}@keyframes orbit{to{rotate:360deg}}aside{background:var(--panel);border-left:1px solid var(--line);padding:30px 27px}aside .detail-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1px}aside .sphere{margin:25px auto;width:88px;height:88px;box-shadow:inset -25px -9px 25px #000a}aside h3{font-size:29px;margin:10px 0}aside p{font-size:13px;line-height:1.7}aside dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid var(--line);padding-top:17px}dt{font-size:10px;color:var(--muted)}dd{margin:3px 0 0;font-size:14px}.tag{font-size:10px;color:var(--lime);background:#d2f8980d;padding:5px 8px;border-radius:4px}.planetlist{display:flex;justify-content:space-between;gap:6px;margin-top:18px}.planetlist button{background:transparent;color:#8d9aa9;border:1px solid transparent;border-radius:8px;flex:1;padding:12px 3px;font-size:11px}.planetlist button.active{background:#1c281e;border-color:#6e854f;color:var(--lime)}.planetlist .sphere{margin:0 auto 10px;width:22px;height:22px}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:35px}.lessons article{border-top:1px solid var(--line);padding-top:15px}.lesson-art{height:100px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#e6b95f;gap:24px}.lesson-art span{color:#75818b}.number{font-size:10px;color:var(--muted)}.day span{width:65px;height:65px;border-radius:50%;background:linear-gradient(90deg,#79b6b3 50%,#192b39 50%);box-shadow:-15px 0 30px #d2f89810}.compare{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr;gap:40px}label{display:block;color:var(--muted);font-size:12px;margin:25px 0 8px}select{width:220px;background:#17212c;color:white;border:1px solid #3c4a56;border-radius:7px;padding:12px}.compare-caption{color:var(--lime);max-width:320px}.scale{display:flex;justify-content:center;align-items:center;gap:55px;min-height:330px}.scale>div{text-align:center;font-size:12px;color:var(--muted)}.scale .sphere{margin:15px auto}.small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.small-grid article>span{font-size:35px;color:#b4c3d0}.small-grid p{font-size:14px}.faq{max-width:800px;margin:auto;padding-top:30px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none}summary:after{content:'+';float:right;color:var(--lime)}details[open] summary:after{content:'−'}details p{padding-right:35px}.quiz{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px;background:#121c20;border:1px solid #2c3c3e;border-radius:14px;margin:50px 0 80px}.quiz-box .progress{font-size:11px;color:var(--lime);letter-spacing:1px}.quiz-box h3{font-size:21px;line-height:1.5}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers button,.next{background:#1c282f;border:1px solid #3a474c;color:white;border-radius:7px;padding:12px;text-align:left;font-size:13px}.answers button:hover:not(:disabled){border-color:var(--lime)}.answers button.correct{border-color:var(--lime);background:#29442f}.answers button.wrong{border-color:#f1907f;background:#492f2c}.next{background:var(--lime);color:#142012;font-weight:bold}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}footer .logo{color:white;font-size:23px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbiter{animation-play-state:paused}}@media(min-width:1450px){.hero-orbit{right:-40px}}@media(max-width:900px){header,main{padding-left:24px;padding-right:24px}nav{gap:20px}.hero-orbit{right:-290px;opacity:.6}.hero h1{font-size:52px}.explorer{grid-template-columns:1fr 270px}aside{padding:22px 20px}.universe{scale:.8}.lessons{gap:22px}.small-grid{grid-template-columns:1fr 1fr}.quiz{padding:30px;gap:30px}footer{padding:25px}.live{display:none}}@media(max-width:650px){header{height:76px}nav{display:none}.navquiz{font-size:11px}.hero{padding-top:55px;min-height:570px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero h1{font-size:43px}.hero p br{display:none}.hero p{max-width:330px}.hero-orbit{right:-330px;top:100px;opacity:.3}.hero-facts{gap:16px;font-size:10px}.hero-facts b{font-size:14px}h2{font-size:29px}section{padding:55px 0}.explorer{grid-template-columns:1fr}.map{height:420px}.universe{scale:.79}.map-bottom{gap:20px}.map-bottom span{max-width:140px}aside{border-left:0;border-top:1px solid var(--line);position:relative;min-height:265px}aside .sphere{float:right;width:75px;height:75px;margin:20px 10px}aside p{max-width:80%}aside dl{clear:both}.planetlist{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.planetlist button{min-width:63px}.lessons,.compare,.quiz{grid-template-columns:1fr}.lessons{gap:25px}.lesson-art{height:75px}.compare{gap:10px}.scale{min-height:260px;gap:30px}.small-grid{gap:22px}.small-grid h3{font-size:17px}.quiz{margin-bottom:50px;padding:24px;gap:20px}footer{flex-wrap:wrap;gap:15px}footer>span{display:none}}
.hero{isolation:isolate}@media(max-width:900px){.universe{scale:1;transform:translate(-50%,-50%) scale(.8)}}@media(max-width:650px){.universe{transform:translate(-50%,-50%) scale(.79)}}@media(max-width:390px){.universe{transform:translate(-50%,-50%) scale(.64)}}