:root { color-scheme: dark; --bg:#0f1216; --fg:#e7ecf3; --muted:#93a1b3; --accent:#4c8dff; --card:#171c23; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; padding:32px; background:var(--bg); color:var(--fg); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:720px; }
.tag { margin:0 0 12px; color:var(--accent); font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
h1 { margin:0 0 16px; font-size:clamp(28px,5vw,44px); line-height:1.15; }
.lead { margin:0 0 28px; color:var(--muted); }
.grid { display:grid; gap:12px; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
.card { display:grid; gap:6px; padding:16px; border:1px solid #232a34; border-radius:12px; background:var(--card); }
.card b { font-size:14px; }
.card span { color:var(--muted); font-size:13px; }
.foot { margin:28px 0 0; color:var(--muted); font-size:13px; }