:root { --pink:#e5243b; --gold:#f5c400; --ink:#111; --muted:#666; --line:#ececec; --soft:#fff8e1; }
* { box-sizing:border-box; }
body { margin:0; font:16px/1.65 -apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--ink); background:#fff; }
a { color:var(--pink); }
nav { background:#111; }
nav .wrap { max-width:860px; margin:0 auto; padding:12px 20px; display:flex; flex-wrap:wrap; gap:6px 18px; align-items:center; }
nav .brand { color:#fff; font-weight:800; font-size:20px; text-decoration:none; margin-right:auto; display:flex; align-items:center; gap:8px; }
nav .brand::before { content:""; width:30px; height:30px; background:url(/logo.svg) center/contain no-repeat; }
nav .brand span { color:var(--gold); }
nav a.l { color:#ddd; text-decoration:none; font-size:14px; }
nav a.l:hover { color:var(--gold); }
header { background:radial-gradient(700px 260px at 90% -20%, #ffde59, transparent 60%), var(--gold); color:var(--ink); padding:34px 20px; }
header .wrap { max-width:860px; margin:0 auto; }
header h1 { margin:0 0 6px; font-size:28px; }
header p { margin:0; opacity:.92; font-size:14px; }
main { max-width:860px; margin:0 auto; padding:28px 20px 60px; }
h2 { font-size:20px; margin:34px 0 10px; padding-top:14px; border-top:1px solid var(--line); }
h2:first-of-type { border-top:0; padding-top:0; margin-top:10px; }
h3 { font-size:16px; margin:20px 0 6px; }
table { width:100%; border-collapse:collapse; margin:14px 0; font-size:14.5px; }
th,td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:var(--soft); font-weight:600; }
code { background:#f3f4f6; padding:1px 5px; border-radius:4px; font-size:13.5px; }
.note { background:var(--soft); border-left:4px solid var(--pink); padding:12px 16px; margin:18px 0; border-radius:0 8px 8px 0; }
.btn { display:inline-block; background:var(--ink); color:#fff; padding:11px 22px; border-radius:26px; text-decoration:none; font-weight:600; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:20px 0; }
.card { border:1px solid var(--line); border-radius:14px; padding:16px; }
.card h3 { margin-top:0; }
footer { border-top:1px solid var(--line); margin-top:40px; padding:18px 20px 30px; color:var(--muted); font-size:14px; text-align:center; }
footer a { margin:0 6px; }