:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
body { margin: 0; padding: 0; background: #f7f7f9; color: #111; }
.header { padding: 24px; background: white; border-bottom: 1px solid #e5e5e9; }
.hero { display: grid; gap: 16px; justify-items: start; padding: 48px 24px; }
.hero img { max-width: 480px; width: 100%; height: auto; }
.grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); padding: 24px; }
.card { background: white; padding: 16px; border-radius: 12px; border: 1px solid #ececf1; }
a { color: #0b72e7; text-decoration: none; }
footer { padding: 24px; font-size: 12px; color: #555; }