:root { --bg: #0a0e0f; --ink: #ecf4f3; --ink-soft: #9fb3b1; --line: rgba(196, 230, 228, 0.12); --accent: #2dd4bf; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.7 Inter, system-ui, -apple-system, sans-serif; }
.wrap { max-width: 760px; margin: 0 auto; padding: 28px 16px 80px; }
.top { display: flex; align-items: center; gap: 10px; margin-bottom: 34px; text-decoration: none; color: var(--ink); font: 800 15px/1.1 "Barlow Condensed", Inter, sans-serif; letter-spacing: 0.08em; }
.top img { width: 30px; height: 30px; }
.top b { color: var(--accent); display: block; }
h1 { font: 800 clamp(30px, 6vw, 42px)/1.1 "Bricolage Grotesque", Inter, sans-serif; margin: 0 0 6px; }
.upd { color: var(--ink-soft); font-size: 14px; margin: 0 0 30px; }
h2 { font: 700 21px/1.3 "Bricolage Grotesque", Inter, sans-serif; margin: 34px 0 8px; }
p, li { color: #d4e3e1; }
ul { padding-left: 20px; }
a { color: var(--accent); }
mark { background: rgba(250, 204, 21, 0.18); color: #fde68a; padding: 0 4px; border-radius: 4px; }
.box { border: 1px solid var(--line); border-radius: 14px; padding: 14px 18px; background: rgba(255, 255, 255, 0.02); }
footer { margin-top: 50px; padding-top: 18px; border-top: 1px solid var(--line); font-size: 14px; color: var(--ink-soft); display: flex; flex-wrap: wrap; gap: 8px 18px; }
footer a { color: var(--ink-soft); }