:root { --fg:#1d2330; --muted:#5b6475; --accent:#2563eb; --bg:#f6f8fb; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg); }
header { background:#fff; border-bottom:1px solid #e3e7ee; }
nav { max-width:960px; margin:0 auto; padding:1rem; display:flex; gap:1.5rem; align-items:center; }
nav .brand { font-weight:700; font-size:1.2rem; margin-right:auto; color:var(--fg); text-decoration:none; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--accent); }
main { max-width:960px; margin:0 auto; padding:3rem 1rem; }
h1 { font-size:2.2rem; margin-top:0; }
p { color:var(--muted); line-height:1.6; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-top:2rem; }
.card { background:#fff; border:1px solid #e3e7ee; border-radius:10px; padding:1.25rem; text-decoration:none; color:inherit; }
.card:hover { border-color:var(--accent); }
footer { text-align:center; color:var(--muted); font-size:.85rem; padding:2rem 1rem; }