:root{
  --bg:#0a0818; --bg2:#141230; --panel:#181433; --line:#2c2758;
  --ink:#f4f0e6; --muted:#b9b3d9; --ember:#e87a39; --ember-light:#f7b267;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(ellipse at 30% 0%, #1c1746 0%, var(--bg) 55%);
  color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  line-height:1.7;
}
a{ color:var(--ember-light); }
.wrap{ max-width:760px; margin:0 auto; padding:0 22px; }
header{ padding-block:22px; border-bottom:1px solid var(--line); margin-bottom:8px; }
.nav{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand img{ width:36px; height:36px; border-radius:9px; display:block; }
.brand span{ font-size:1.1rem; font-weight:700; color:var(--ink); }
nav.links{ display:flex; gap:20px; flex-wrap:wrap; }
nav.links a{ color:var(--muted); text-decoration:none; font-size:0.92rem; }
nav.links a:hover{ color:var(--ember-light); }

main{ padding:40px 0 60px; }
h1{ font-size:2rem; margin-bottom:6px; }
.subtitle{ color:var(--muted); max-width:520px; margin-bottom:6px; }
.updated{ color:var(--muted); font-size:0.85rem; margin-bottom:34px; }
.card{ background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:32px 34px; }
.sec{ margin-bottom:30px; }
.sec:last-child{ margin-bottom:0; }
.sec .num{ color:var(--ember-light); font-weight:700; font-size:0.85rem; letter-spacing:.08em; margin-bottom:6px; }
.sec h2{ font-size:1.15rem; margin:0 0 10px; }
.sec p, .sec li{ color:var(--ink); }
.sec ul{ padding-left:20px; margin:10px 0; }
.sec ul li{ margin-bottom:6px; }

footer{ border-top:1px solid var(--line); padding:28px 20px 44px; text-align:center; color:var(--muted); font-size:0.85rem; }
footer a{ color:var(--muted); text-decoration:underline; }
footer .links a{ margin:0 8px; }