:root{--bg:#0B4F3C;--card:#FFF8EC;--ink:#1E2A24;--muted:#56635C;--mango:#F2B233;--leaf:#1F8A5B;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#08382A;--card:#152A22;--ink:#EEF4EF;--muted:#A9BDB2;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--bg);font-family:'Nunito Sans','Segoe UI',system-ui,sans-serif;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
main{background:var(--card);color:var(--ink);border-radius:24px;padding:32px;max-width:440px;width:100%;display:flex;flex-direction:column;gap:14px;text-align:center}
img{width:72px;height:72px;border-radius:18px;align-self:center}
h1{font-family:'Fredoka','Trebuchet MS',sans-serif;font-size:1.8rem;margin:0}
p{margin:0;color:var(--muted)}
.btn{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:999px;background:var(--mango);color:#2A1F05;font-weight:800;text-decoration:none;font-size:1.05rem}
.btn[hidden]{display:none}
a.small{color:var(--leaf);font-weight:800}

/* former inline styles */