:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px; min-height: 100svh; display: flex; flex-direction: column; background: #f7f8fa; color: #20242a; }
main { width: min(100%, 720px); margin: auto; padding: 48px 0; }
img { display: block; object-fit: contain; }
h1 { font-size: 36px; line-height: 1.2; margin: 24px 0 16px; overflow-wrap: anywhere; }
p { max-width: 440px; font-size: 18px; line-height: 1.6; color: #505b66; }
footer { width: min(100%, 720px); margin: 0 auto; border-top: 1px solid #d5dbe2; padding-top: 20px; font-size: 13px; color: #69727c; }
@media (prefers-color-scheme: dark) {
  body { background: #16181b; color: #edf0f3; }
  p, footer { color: #b1bbc5; }
  footer { border-color: #383d43; }
}