* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.wrap { max-width: 900px; margin: 0 auto; padding: 24px; }
.hero { padding: 28px 20px; border: 1px solid #ddd; border-radius: 14px; }
.btn { display: inline-block; margin-top: 12px; padding: 10px 14px; border: 1px solid #111; border-radius: 10px; text-decoration: none; color: #111; }
.grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); margin-top: 18px; }
.card { padding: 16px; border: 1px solid #ddd; border-radius: 14px; }
.footer { margin-top: 22px; color: #666; font-size: 14px; }