:root { --pad: 16px; --radius: 14px; }
* { box-sizing: border-box; }
body { font-family: -apple-system, system-ui, Segoe UI, Roboto, Arial, sans-serif; margin: 0; background: #f6f7fb; color: #222; }
nav { display: flex; gap: 12px; padding: var(--pad); background: white; position: sticky; top: 0; border-bottom: 1px solid #e5e7eb; }
nav a { text-decoration: none; color: #111; padding: 8px 10px; border-radius: 10px; }
nav a:hover { background: #f0f2f7; }
main { max-width: 900px; margin: 24px auto; padding: 0 var(--pad); }
h1 { margin-top: 0; }
.card { background: white; padding: var(--pad); border-radius: var(--radius); box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin-bottom: 20px; }
footer { text-align: center; padding: 20px; color: #6b7280; }