:root{--bg:#fff;--fg:#111;--sub:#666;--border:#eee;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#000;--fg:#eee;--sub:#999;--border:#222}}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg);margin:0;padding:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);margin-top:2rem;margin-bottom:1rem;font-weight:700}a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-bottom .2s}a:hover{border-bottom-color:var(--fg)}.container{max-width:800px;margin:0 auto;padding:2rem}nav{gap:1.5rem;margin-bottom:4rem;display:flex}nav a{color:var(--sub);font-size:.9rem;font-weight:500}nav a:hover,nav a.active{color:var(--fg)}.section{margin-bottom:6rem}.grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=600px){.grid{grid-template-columns:1fr 1fr}}.card{border:1px solid var(--border);padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--fg)}.card h3{margin-top:0}.signature-canvas{border:1px solid var(--border);background:var(--bg);cursor:crosshair;width:100%;height:200px;display:block}