:root { --bg:#F5F3EE; --card:#fff; --text:#16201B; --muted:#5E6B64; --green:#15803A; --gold:#B08A2E; --border:#E1DED5; }
@media (prefers-color-scheme: dark) { :root { --bg:#0E1512; --card:#17211C; --text:#EEF2EF; --muted:#A3B0A8; --green:#4CC66A; --gold:#D9B65C; --border:#2A3832; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 48px 16px 80px; }
header a { display:flex; gap:10px; align-items:center; color:var(--text); text-decoration:none; font-weight:700; }
header img { width:36px; height:36px; border-radius:9px; }
h1 { font-size: 34px; line-height:1.15; letter-spacing:-0.5px; margin: 40px 0 12px; }
h2 { font-size: 19px; margin: 32px 0 8px; }
p, li { color: var(--muted); }
a { color: var(--green); }
.card { background:var(--card); border:1px solid var(--border); border-radius:16px; padding:20px; margin:20px 0; }
.code { font: 700 32px/1 ui-monospace, Menlo, monospace; letter-spacing: 4px; color: var(--text); }
.btn { display:inline-block; background:var(--green); color:#fff; padding:12px 20px; border-radius:12px; text-decoration:none; font-weight:600; }
.small { font-size: 14px; }
footer { margin-top: 56px; font-size: 14px; color: var(--muted); }
footer a { color: var(--muted); margin-right: 16px; }

.eyebrow { margin: 0 0 -0.4em; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--gold); }
.list { padding-left: 1.2em; margin: 8px 0; }
.list li { margin: 6px 0; }
.list strong, .card strong { color: var(--text); }