:root { --fg: #2b3440; --muted: #5b6573; --accent: #4a9d2f; --bg: #f7f9f6; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--fg); background: var(--bg); }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; }
main.hero { max-width: 900px; text-align: center; }
.hero img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,.08); }
.hero p { color: var(--muted); }
h1 { font-size: 1.8rem; margin: .5em 0; }
h2 { font-size: 1.2rem; margin-top: 1.6em; }
a { color: var(--accent); }
footer { text-align: center; padding: 16px; font-size: .9rem; color: var(--muted); }
footer a { margin: 0 .6em; }