:root{--font:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--bg:#fff;--text:#1a1a1a;--muted:#555;--accent:#2563eb;--border:#e5e5e5}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);line-height:1.6;color:var(--text);background:var(--bg)}
.container{max-width:720px;margin:0 auto;padding:1rem}
.site-header{border-bottom:1px solid var(--border);padding:1rem 0;margin-bottom:2rem}
.logo{font-weight:700;font-size:1.3rem;color:var(--text);text-decoration:none}
nav{float:right}nav a{color:var(--muted);text-decoration:none;margin-left:1rem;font-size:.9rem}nav a:hover{color:var(--accent)}
.hero h1{font-size:2.4rem;margin-bottom:.5rem;line-height:1.2}.subtitle{font-size:1.15rem;color:var(--muted);margin-bottom:1.5rem;max-width:42rem}
.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:6px;text-decoration:none;font-weight:500;border:none;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1d4ed8}
section{margin:3rem 0}h2{font-size:1.6rem;margin-bottom:1rem}h3{font-size:1.2rem;margin-bottom:.5rem}
.card{padding:1.2rem;border:1px solid var(--border);border-radius:8px}.grid{display:grid;gap:1rem}
@media(min-width:600px){.grid{grid-template-columns:repeat(3,1fr)}}
blockquote{font-style:italic;border-left:4px solid var(--accent);padding:1rem 1.5rem;margin:1rem 0;background:#f9fafb}
blockquote cite{display:block;margin-top:.5rem;color:var(--muted);font-style:normal}
.site-footer{border-top:1px solid var(--border);padding:1.5rem 0;margin-top:3rem;font-size:.85rem;color:var(--muted)}
.site-footer a{color:var(--muted)}