:root { --bg:#0a0c10; --ink:#fff; --muted:rgba(255,255,255,0.66); --faint:rgba(255,255,255,0.4); --line:rgba(255,255,255,0.1); --gold:#ffc433; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.65; }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
.top { border-bottom:1px solid var(--line); padding:16px 0; position:sticky; top:0; background:rgba(10,12,16,0.85); backdrop-filter:blur(12px); z-index:5; }
.top .wrap { display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:9px; font-weight:900; font-size:15px; text-decoration:none; color:var(--ink); }
.brand img { width:26px; height:26px; }
.top a.home { color:var(--muted); text-decoration:none; font-size:13px; font-weight:600; }
.top a.home:hover { color:#fff; }
main { padding:42px 0 80px; }
h1 { font-size:34px; font-weight:800; letter-spacing:-0.02em; margin-bottom:6px; }
.upd { color:var(--faint); font-size:13px; margin-bottom:30px; }
h2 { font-size:19px; font-weight:800; margin:30px 0 10px; }
p, li { color:var(--muted); font-size:15px; margin-bottom:12px; }
ul { padding-left:20px; margin-bottom:12px; }
li { margin-bottom:7px; }
a { color:var(--gold); text-decoration:none; }
a:hover { text-decoration:underline; }
b { color:#fff; }
.note { margin-top:30px; padding:16px 18px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,0.03); font-size:13.5px; color:var(--faint); }
footer { border-top:1px solid var(--line); padding:30px 0; text-align:center; }
footer a { color:var(--muted); font-size:13px; margin:0 8px; }