:root{--yellow:#fcd936;--orange:#f58017;--ink:#2b2b2b;--paper:#fffdf3;--muted:#6b6b6b}
@media (prefers-color-scheme:dark){:root{--ink:#f3f0e4;--paper:#1d1b14;--muted:#b8b4a2}}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper)}
header{background:var(--yellow);padding:14px 16px}
header a{color:#2b2b2b;font-weight:700;text-decoration:none;font-size:20px}
main{max-width:640px;margin:0 auto;padding:32px 16px 48px}
h1{font-size:30px;line-height:1.2;margin:0 0 12px}
h2{font-size:20px;margin:32px 0 8px}
a{color:var(--orange)}
.hero{text-align:center}
.hero img{width:180px;height:180px;max-width:60%}
.sub{color:var(--muted)}
footer{max-width:640px;margin:0 auto;padding:16px;color:var(--muted);font-size:14px;border-top:1px solid rgba(128,128,128,.3)}
footer a{margin-right:14px}
.legal{white-space:normal}