:root { --bg: #0b0b0d; --surface: #1c1c1e; --text: #f5f5f7; --muted: #a1a1a6; --accent: #ff9f0a; }
* { box-sizing: border-box; }
html { background: var(--bg); color: var(--text); -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 17px/1.55 "Instrument Sans", -apple-system, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 72px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 40px; }
header img { width: 56px; height: 56px; border-radius: 13px; }
header a { color: var(--text); text-decoration: none; font: 700 24px/1 "Archivo", sans-serif; font-variation-settings: "wdth" 72; }
h1 { font: 850 clamp(44px, 9vw, 72px)/0.95 "Archivo", sans-serif; font-variation-settings: "wdth" 78; letter-spacing: -0.02em; text-transform: uppercase; margin: 0 0 16px; }
h2 { font: 700 21px/1.2 "Archivo", sans-serif; font-variation-settings: "wdth" 88; margin: 36px 0 8px; }
p, li { color: var(--muted); }
strong { color: var(--text); font-weight: 600; }
a { color: var(--accent); }
.lead { font-size: 21px; color: var(--text); margin: 0 0 32px; }
.button { display: inline-block; background: var(--accent); color: #000; text-decoration: none; font-weight: 600; padding: 14px 24px; border-radius: 999px; }
.card { background: var(--surface); border-radius: 18px; padding: 20px 22px; margin: 16px 0; }
.card h2 { margin-top: 0; }
footer { margin-top: 56px; font-size: 14px; color: var(--muted); display: flex; gap: 20px; flex-wrap: wrap; }
footer a { color: var(--muted); }
.updated { font-size: 14px; }