:root { --night:#0e1430; --deep:#1a2142; --cream:#f7f1e3; --dream:#c2c9ef; --glow:#ffd98c; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:linear-gradient(180deg,#0e1430 0%,#1a2142 70%,#232a52 100%); color:var(--dream);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7; min-height:100vh; }
main { max-width:720px; margin:0 auto; padding:56px 24px 80px; }
h1 { color:var(--cream); font-size:2rem; margin-bottom:6px; }
h2 { color:var(--cream); font-size:1.2rem; margin:34px 0 10px; }
p, li { color:var(--dream); margin-bottom:12px; font-size:1rem; }
ul { padding-left:22px; }
a { color:var(--glow); text-decoration:none; }
a:hover { text-decoration:underline; }
.moon { font-size:2.2rem; }
.brand { color:var(--glow); font-weight:700; letter-spacing:.14em; font-size:.85rem; text-transform:uppercase; }
.updated { font-size:.85rem; opacity:.7; margin-bottom:28px; }
footer { text-align:center; padding:30px 20px 50px; font-size:.85rem; opacity:.75; }