:root { --bg:#0b1020; --panel:#131a30; --text:#e8ecf7; --muted:#8f9bb8; --accent:#60a5fa; --accent-2:#a78bfa; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:"Segoe UI",system-ui,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; }
.cover { position:relative; text-align:center; padding:90px 6vw 60px; overflow:hidden; background:linear-gradient(180deg,#0b1020 0%,#141b36 100%); }
.stars { position:absolute; inset:0; background-image:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 60% 20%,#e2e8f0,transparent),radial-gradient(1.5px 1.5px at 80% 60%,#fff,transparent),radial-gradient(1px 1px at 40% 70%,#cbd5e1,transparent); opacity:.5; }
.kicker { position:relative; color:var(--accent); font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:.82em; }
.cover h1 { position:relative; font-size:clamp(2.2rem,6vw,3.6rem); margin:14px 0 10px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.by { position:relative; color:var(--muted); font-size:.95em; }
.planet-ring { position:relative; margin:30px auto 0; width:110px; height:110px; border-radius:50%; background:radial-gradient(circle at 35% 30%,#3b4a6b,#1a2340); display:flex; align-items:center; justify-content:center; font-size:2.6rem; box-shadow:0 0 40px rgba(96,165,250,.25); }
.content { max-width:760px; margin:0 auto; padding:30px 20px; }
.slide { background:var(--panel); border:1px solid rgba(148,163,184,.12); border-radius:18px; padding:34px 36px; margin-bottom:22px; }
.slide h2 { color:var(--accent); font-size:1.35em; margin-bottom:14px; }
.slide p { color:#c6cee2; }
.slide p b { color:#fff; }
.planets { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.p { text-align:center; padding:14px 8px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid rgba(148,163,184,.1); }
.p .dot { font-size:1.9em; display:block; margin-bottom:6px; }
.p b { font-size:.9em; display:block; }
.p small { color:var(--muted); font-size:.74em; }
.facts { list-style:none; }
.facts li { padding:10px 0 10px 30px; position:relative; border-bottom:1px dashed rgba(148,163,184,.15); }
.facts li::before { content:"★"; position:absolute; left:0; color:var(--accent-2); }
.thanks { text-align:center; }
.thanks h2 { color:var(--accent-2); }
.q { font-size:1.1em; font-style:italic; color:#fff !important; margin:10px 0 4px; }
.src { color:var(--muted); font-size:.9em; }
footer { text-align:center; padding:24px; color:var(--muted); font-size:.86em; }
@media (max-width:640px) { .planets { grid-template-columns:repeat(2,1fr); } .slide { padding:26px 22px; } }