@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap');
:root{--bg:#07090d;--panel:#10141b;--text:#edf2f7;--muted:#8e99a8;--line:#242b35;--accent:#d8ff4f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;background:rgba(7,9,13,.9);backdrop-filter:blur(14px);z-index:5}.logo{font-family:'Space Grotesk';font-weight:700;letter-spacing:-1px;color:#fff;text-decoration:none;font-size:19px}.logo span{color:var(--accent)}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font-size:13px}nav a:hover,nav .active{color:#fff}
main{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--accent);font-weight:700}.hero h1,.page h1{font-family:'Space Grotesk';font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-5px;margin:20px 0}.hero h1 em{font-style:normal;color:var(--muted)}.lead{color:#aab3c0;font-size:18px;line-height:1.65;max-width:650px}.narrow{max-width:700px}.button{display:inline-block;margin-top:22px;background:var(--accent);color:#090b0d;text-decoration:none;padding:15px 20px;border-radius:4px;font-weight:800;font-size:13px}.planet{width:min(380px,70vw);height:min(380px,70vw);border-radius:50%;margin:auto;background:radial-gradient(circle at 32% 28%,#697887 0,#303b48 22%,#171d25 55%,#080a0d 72%);box-shadow:inset -40px -20px 80px #000,0 0 80px #17202b;position:relative}.ring{position:absolute;width:125%;height:32%;border:1px solid #77828e;border-radius:50%;top:35%;left:-12%;transform:rotate(-18deg);opacity:.5}.moon{position:absolute;width:18px;height:18px;border-radius:50%;background:#c8d0d5;top:7%;right:3%;box-shadow:0 0 20px #aeb8c4}
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0;margin-bottom:70px}.stats div{padding-left:24px;border-left:1px solid var(--line)}.stats div:first-child{border-left:0}.stats b{display:block;font:700 27px 'Space Grotesk';margin-bottom:5px}.stats span{color:var(--muted);font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:80px}.cards article,.base{background:var(--panel);border:1px solid var(--line);padding:30px;min-height:240px}.cards span,.num,.tech-list span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2px}.cards h2,.base h2,.tech-list h2{font-family:'Space Grotesk';font-size:28px;margin:45px 0 10px}.cards p,.base p,.base li,.tech-list p,.timeline p{color:var(--muted);line-height:1.6;font-size:14px}.cards a{color:var(--accent);text-decoration:none;font-size:13px;font-weight:700}
.page{padding-top:90px;padding-bottom:90px}.page h1{font-size:clamp(48px,7vw,80px);margin-bottom:25px}.base-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px}.base{min-height:340px}.base h2{margin:35px 0 3px}.base strong{font-size:12px;color:#dfe5ea}.base ul{padding-left:17px;margin-top:25px}.timeline{border-left:1px solid #3b444f;margin:65px 0 0 20px;padding-left:45px}.timeline>div{position:relative;padding-bottom:60px}.timeline>div:before{content:'';position:absolute;left:-51px;top:3px;width:10px;height:10px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}.timeline b{color:var(--accent);font-size:12px;letter-spacing:2px}.timeline h2{font-family:'Space Grotesk';font-size:28px;margin:12px 0}.timeline p{max-width:650px}.tech-list{margin-top:60px}.tech-list article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:35px 0;border-top:1px solid var(--line)}.tech-list h2{margin:0 0 8px}.tech-list p{max-width:700px;margin:0}footer{border-top:1px solid var(--line);padding:28px 6vw;color:#58616e;font-size:11px;letter-spacing:1px}
@media(max-width:760px){header{padding:0 20px}nav{gap:12px}nav a{font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.planet{width:260px;height:260px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats div:nth-child(3){border-left:0}.cards,.base-grid{grid-template-columns:1fr}.page{padding-top:55px}.hero h1,.page h1{letter-spacing:-3px}.tech-list article{grid-template-columns:45px 1fr}}

body{background:
radial-gradient(circle at 15% 10%,rgba(73,104,145,.10),transparent 25%),
radial-gradient(circle at 85% 30%,rgba(216,255,79,.045),transparent 20%),
#07090d;
background-image:radial-gradient(rgba(255,255,255,.18) .6px,transparent .6px),radial-gradient(rgba(255,255,255,.10) .5px,transparent .5px),linear-gradient(#07090d,#07090d);
background-size:110px 110px,170px 170px,100% 100%;
background-position:0 0,35px 55px,0 0}
.hero{position:relative}.hero:after{content:'ORBITAL NETWORK / 2087';position:absolute;right:0;bottom:35px;color:#303844;font-size:9px;letter-spacing:3px}
.feed-controls{display:flex;gap:8px;flex-wrap:wrap;margin:55px 0 22px;border-bottom:1px solid var(--line);padding-bottom:20px}
.feed-btn,.refresh{background:transparent;border:1px solid var(--line);color:var(--muted);padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:1.5px;cursor:pointer}
.feed-btn:hover,.feed-btn.active{border-color:var(--accent);color:var(--accent)}.refresh{margin-left:auto}
.feed-status{font-size:11px;color:#667180;margin:18px 0}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.news-item{background:rgba(16,20,27,.88);border:1px solid var(--line);padding:25px;min-height:230px;transition:.2s}
.news-item:hover{border-color:#46505c;transform:translateY(-2px)}
.news-meta{display:flex;align-items:center;gap:9px;color:#6f7986;font-size:10px;letter-spacing:1.5px;font-weight:700}
.news-meta time{margin-left:auto;color:#505a66;letter-spacing:0}
.badge{display:grid;place-items:center;width:26px;height:26px;border:1px solid #3a434d;font-size:8px;color:#fff}
.badge-roscosmos{border-color:#8d9aaa}.badge-nasa{border-color:#5574a5}.badge-spacex{border-color:#fff}
.news-item h2{font:700 22px 'Space Grotesk';line-height:1.12;margin:25px 0 12px}.news-item p{color:var(--muted);font-size:13px;line-height:1.55;min-height:40px}
.news-item a{color:var(--accent);font-size:11px;font-weight:800;text-decoration:none;letter-spacing:.5px}
.sources{margin-top:70px;border-top:1px solid var(--line);padding-top:35px}.sources h2{font:700 26px 'Space Grotesk'}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.source-grid a{padding:20px;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:#fff}.source-grid b{display:block;font-size:13px}.source-grid span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.source-note{color:#555f6c;font-size:10px;line-height:1.6;max-width:800px;margin-top:20px}.feed-error{border:1px dashed #343c46;padding:30px;color:#737d89;font-size:13px;line-height:1.6}
@media(max-width:760px){.news-list,.source-grid{grid-template-columns:1fr}.refresh{margin-left:0}.feed-controls{gap:6px}.feed-btn,.refresh{padding:9px 10px}.hero:after{display:none}}

.logo{font-size:21px;letter-spacing:-1.5px}.logo span{color:var(--accent)}
.image-cards article{padding:0;overflow:hidden;min-height:360px}.image-cards article>img{width:100%;height:175px;object-fit:cover;display:block;filter:saturate(.75) contrast(1.08);transition:transform .5s,filter .5s}.image-cards article:hover>img{transform:scale(1.045);filter:saturate(1) contrast(1.05)}.card-body{padding:24px 28px 28px}.card-body h2{margin:22px 0 8px}.card-body p{min-height:45px}
.base{padding:0;overflow:hidden}.base-image{display:block;width:100%;height:190px;object-fit:cover;filter:saturate(.7) contrast(1.1)}.base .num,.base h2,.base>p,.base>strong,.base>ul{margin-left:30px;margin-right:30px}.base .num{display:block;margin-top:26px}.base h2{margin-top:22px}.base>ul{margin-bottom:30px}
.wide-visual{position:relative;margin:55px 0 60px;border:1px solid var(--line);overflow:hidden;height:310px;background:#0c1015}.wide-visual img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.65) contrast(1.12)}.wide-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.85),transparent 65%),linear-gradient(0deg,rgba(7,9,13,.55),transparent 55%)}.wide-visual span{position:absolute;z-index:1;left:25px;bottom:22px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:2px}
@media(max-width:760px){.image-cards article>img{height:190px}.base-image{height:210px}.wide-visual{height:220px}}