@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#070914;--panel:#0d1020;--text:#f4f3ff;--muted:#a5a7bb;--line:#252940;--accent:#b7a6ff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 15%,#1a1640 0,transparent 30%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:80px 80px}
.nav{height:78px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{font-weight:800;letter-spacing:.08em;color:#fff;text-decoration:none}.nav nav{display:flex;gap:28px}.nav nav a{color:var(--muted);text-decoration:none;font-size:14px}.nav nav a:hover,.nav nav .active{color:#fff}
.hero{min-height:610px;padding:90px 7vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.eyebrow{font:500 12px "DM Mono";letter-spacing:.16em;color:var(--accent)}h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px}h1 em{font-style:normal;color:#aaa7c6}.lead{max-width:620px;color:var(--muted);font-size:19px;line-height:1.65}.button{display:inline-block;margin-top:22px;padding:15px 21px;border:1px solid #514b77;border-radius:5px;color:#fff;text-decoration:none;background:#16152a}
.orbit{width:360px;height:360px;border:1px solid #34304e;border-radius:50%;position:relative;justify-self:center;box-shadow:0 0 90px #211c4b}.orbit:after{content:"";position:absolute;inset:48px;border:1px solid #2b2943;border-radius:50%}.star-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:72px;color:#fff;filter:drop-shadow(0 0 22px #a99aff)}.planet{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}.p1{left:8%;top:35%}.p2{right:12%;top:63%}.p3{left:49%;top:3%}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 7vw;border:1px solid var(--line);background:var(--line)}.cards article{padding:30px;background:rgba(13,16,32,.92);min-height:220px}.cards span,.cards a{font:12px "DM Mono";color:var(--accent)}.cards h2{font-size:30px;margin:35px 0 8px}.cards p{color:var(--muted);line-height:1.6}.cards a{text-decoration:none}
.page,.detail{max-width:1000px;margin:auto;padding:100px 7vw 120px}.page h1{font-size:clamp(48px,7vw,82px)}.star-list{margin-top:65px;border-top:1px solid var(--line)}.star-list a{display:grid;grid-template-columns:60px 1fr 1.5fr 30px;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);color:#fff;text-decoration:none}.star-list b{font:12px "DM Mono";color:var(--accent)}.star-list strong{font-size:24px}.star-list span{color:var(--muted);font-size:14px}
.detail{max-width:900px;text-align:center}.stellar-icon{font-size:80px;filter:drop-shadow(0 0 25px #a99aff)}.detail .lead{margin:0 auto}.facts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:55px 0;text-align:left}.facts div{padding:22px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts small{display:block;color:var(--muted);font:11px "DM Mono";margin-bottom:10px}.facts b{font-size:15px}.detail>p:last-child{color:#c8c9d7;line-height:1.9;text-align:left;font-size:17px}.warm .stellar-icon{color:#ffad83;filter:drop-shadow(0 0 25px #ff7048)}.cool .stellar-icon{color:#bfe3ff;filter:drop-shadow(0 0 25px #70bfff)}
.note{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:180px 1fr}.note b{color:var(--accent)}.note p{margin:0;color:var(--muted);line-height:1.7}
footer{padding:28px 7vw;border-top:1px solid var(--line);color:#70738a;font:11px "DM Mono";position:relative}footer a{color:var(--muted);text-decoration:none}
@media(max-width:750px){.nav{padding:0 5vw}.nav nav{gap:12px}.nav nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:65px 5vw}.orbit{width:260px;height:260px}.cards{grid-template-columns:1fr;margin:0 5vw}.page,.detail{padding:70px 5vw}.star-list a{grid-template-columns:35px 1fr 20px}.star-list span{display:none}.facts{grid-template-columns:1fr}.facts div{border-right:0;border-bottom:1px solid var(--line)}.note{grid-template-columns:1fr;gap:10px}}