:root {
  --bg:#07090F; --panel:#0E1320; --line:#1C2536;
  --ink:#E8EEF7; --mut:#8A97AD; --accent:#3DD6C4; --gold:#FBBF24;
}
* { box-sizing:border-box; margin:0; padding:0; }
body {
  background:var(--bg); color:var(--ink);
  font-family:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
a { color:var(--accent); }
.wrap { max-width:780px; margin:0 auto; padding:0 24px; }
header { border-bottom:1px solid var(--line); padding:18px 0; position:sticky; top:0; background:rgba(7,9,15,.92); backdrop-filter:blur(8px); }
header .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.logo { font-size:18px; font-weight:800; letter-spacing:-.01em; color:var(--ink); text-decoration:none; }
.logo .s { color:var(--accent); }
nav a { color:var(--mut); text-decoration:none; font-size:14px; margin-left:20px; }
nav a:hover { color:var(--ink); }
main { padding:48px 0 24px; }
h1 { font-size:clamp(26px,4vw,36px); font-weight:800; letter-spacing:-.02em; line-height:1.15; margin-bottom:6px; }
.updated { color:var(--mut); font-size:13px; margin-bottom:32px; }
h2 { font-size:18px; font-weight:700; margin:30px 0 10px; }
p { margin-bottom:10px; color:#C4CEDE; font-size:15px; }
p.lead { font-size:17px; color:var(--mut); }
ul { margin:8px 0 10px; padding-left:22px; color:#C4CEDE; font-size:15px; }
li { margin-bottom:5px; }
strong { color:var(--ink); }
.badge { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); border:1px solid #1f3b39; background:#0c1a1a; padding:5px 12px; border-radius:999px; margin-bottom:16px; }
.note { background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:14px 16px; font-size:13.5px; color:var(--mut); margin:14px 0; }
footer { border-top:1px solid var(--line); padding:28px 0; margin-top:40px; }
footer .wrap { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:13px; color:var(--mut); }
footer a { color:var(--mut); text-decoration:none; }
footer a:hover { color:var(--ink); }
.seealso { margin-top:40px; font-size:13px; color:var(--mut); }