:root{
  --bg:#16121B; --card:#201A28; --ink:#EDE6F0; --muted:#B3A6B8;
  --mag:#F0619E; --teal:#43BDC9; --line:#3A3044; --warn:#FFB020;
}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.6;padding:0 18px 80px;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto}
header{padding:52px 0 14px}
.brand{font-size:2.05rem;font-weight:800;letter-spacing:.01em;line-height:1.15}
.brand b{color:var(--mag);font-weight:800}
.tagline{color:var(--muted);margin-top:10px;font-size:1.02rem}
.disclaim{color:var(--muted);font-size:.84rem;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
h1{font-size:1.7rem;letter-spacing:.01em;margin:0 0 6px}
h2{margin:32px 0 10px;font-size:.92rem;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}
p{margin:11px 0}
ul{margin:11px 0 11px 20px} li{margin:6px 0}
a{color:var(--mag);text-decoration:none;border-bottom:1px solid rgba(240,97,158,.35)}
a:hover{border-bottom-color:var(--mag)}
.updated{color:var(--muted);font-size:.85rem;margin-top:4px}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:22px 0}
.links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 6px;padding:0;list-style:none}
.links li{margin:0}
.links a{display:inline-block;background:var(--card);border:1px solid var(--line);border-bottom:1px solid var(--line);
  border-radius:8px;padding:10px 16px;color:var(--ink);font-weight:600;font-size:.94rem}
.links a:hover{border-color:var(--mag);color:var(--mag)}
nav.foot{margin-top:44px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}
nav.foot a{margin-right:16px}
.todo{background:rgba(255,176,32,.12);border:1px solid var(--warn);border-radius:8px;
  padding:12px 16px;margin:18px 0;color:var(--warn);font-size:.9rem;font-weight:600}