:root{
  --bg:#050816; --panel:#0c1226; --panel2:#101a35; --text:#eef4ff; --muted:#9eafd0;
  --accent:#7c5cff; --accent2:#20d4ff; --line:rgba(255,255,255,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:
radial-gradient(circle at 20% 10%,rgba(124,92,255,.20),transparent 30%),
radial-gradient(circle at 90% 20%,rgba(32,212,255,.12),transparent 25%),var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}
nav{position:sticky;top:0;z-index:10;background:rgba(5,8,22,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-weight:800;letter-spacing:.3px}.logo span{color:var(--accent2)}
.links{display:flex;gap:20px;flex-wrap:wrap}.links a{color:var(--muted);font-size:14px}.links a:hover,.links a.active{color:white}
.hero{padding:92px 0 70px;min-height:600px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}
.eyebrow{color:#8de9ff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}
h1{font-size:clamp(44px,7vw,82px);line-height:.98;margin:14px 0 22px;letter-spacing:-4px}
h2{font-size:34px;line-height:1.1;margin:0 0 16px;letter-spacing:-1px} h3{margin:0 0 8px}
.lead{font-size:19px;color:var(--muted);max-width:680px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{padding:12px 18px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-weight:700}
.btn.primary{background:linear-gradient(135deg,var(--accent),#4f8cff);border:0}.btn:hover{transform:translateY(-1px)}
.orbit{width:min(360px,75vw);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.13);position:relative;margin:auto;box-shadow:0 0 80px rgba(124,92,255,.12)}
.orbit:before,.orbit:after{content:"";position:absolute;inset:12%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(28deg) scaleX(1.5)}
.orbit:after{inset:28%;transform:rotate(-25deg) scaleX(1.7)}
.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:#ffd66b;box-shadow:0 0 55px 18px rgba(255,184,72,.32)}
.dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#8de9ff;top:18%;left:72%;box-shadow:0 0 18px #20d4ff}
section{padding:72px 0}.sectionhead{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:26px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:linear-gradient(180deg,rgba(16,26,53,.9),rgba(10,16,34,.9));border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.15)}
.card:hover{border-color:rgba(124,92,255,.45)} .fact{font-size:31px;font-weight:800;margin:8px 0}
.tag{display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(124,92,255,.13);color:#bfb4ff;font-size:12px;font-weight:800}
.planets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.planet{min-height:180px;position:relative;overflow:hidden}
.planet .ball{width:72px;height:72px;border-radius:50%;margin:4px 0 18px;box-shadow:inset -12px -10px 20px rgba(0,0,0,.28),0 8px 25px rgba(0,0,0,.25)}
.mercury{background:#aaa}.venus{background:#d5a15e}.earth{background:linear-gradient(135deg,#31a6e8 45%,#48bb78 46%)}.mars{background:#bd654f}
.jupiter{background:linear-gradient(#d8b78b 15%,#9e704f 16% 28%,#e4c69c 29% 45%,#9c6d4d 46% 55%,#d6b486 56%)}.saturn{background:#d9bd82}
.uranus{background:#83d9e8}.neptune{background:#4f74d9}
.news{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news .card{min-height:210px}
footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.pagehead{padding:70px 0 35px}.pagehead h1{font-size:56px;letter-spacing:-2px}.source{font-size:12px;color:#7e90b3;margin-top:16px}.source a{text-decoration:underline}
.timeline{border-left:1px solid var(--line);padding-left:22px}.event{margin:0 0 26px;position:relative}.event:before{content:"";position:absolute;left:-29px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--accent2);box-shadow:0 0 16px #20d4ff}
.search{width:100%;padding:14px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:white;font-size:15px;margin:10px 0 22px}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:65px}.orbit{margin-top:15px}.grid,.grid2,.news{grid-template-columns:1fr}.planets{grid-template-columns:repeat(2,1fr)}.links{gap:10px}.navin{height:auto;padding:14px 0}.pagehead h1{font-size:43px}}
@media(max-width:480px){.planets{grid-template-columns:1fr}.links{display:none}h1{letter-spacing:-2px}}