:root { --max: 980px; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; line-height: 1.6; }
header, main, footer { max-width: var(--max); margin: 0 auto; padding: 20px; }
nav a { margin-right: 14px; text-decoration: none; }
.hero { padding: 28px 20px; border-radius: 16px; background: #f5f5f5; }
.grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 18px; }
.card { padding: 16px; border: 1px solid #e5e5e5; border-radius: 14px; background: #fff; }
.btn { display: inline-block; padding: 10px 14px; border-radius: 12px; border: 1px solid #000; text-decoration: none; }
small { color: #444; }