:root{--bg:#fff;--text:#1a1a1a;--muted:#666;--accent:#2563eb;--card:#f5f5f5;--max-width:760px}@media (prefers-color-scheme:dark){:root{--bg:#111;--text:#eee;--muted:#aaa;--accent:#60a5fa;--card:#1c1c1c}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header,main,.site-footer{max-width:var(--max-width);margin:0 auto;padding:0 16px}.site-header{justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;display:flex}.logo{color:var(--text);font-weight:700}nav a{margin-left:16px}section{padding:32px 0}.hero h1{margin:0 0 8px;font-size:clamp(2rem,6vw,3rem)}.hero p{color:var(--muted);margin:0;font-size:1.15rem}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;list-style:none;display:grid}.card{background:var(--card);border-radius:8px;padding:16px}.card h3{margin-top:0}.site-footer{color:var(--muted);padding-top:32px;padding-bottom:32px;font-size:.9rem}