:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: #202623; background: #f7f9f8; }
* { box-sizing: border-box; letter-spacing: 0; }
body { margin: 0; }
main { max-width: 440px; padding: 64px 24px 32px; margin: auto; text-align: center; }
.logo { display: block; margin: 0 auto 24px; border-radius: 8px; }
h1 { font-size: 32px; margin: 0 0 16px; }
p { line-height: 1.55; }
.label { color: #59665f; margin-top: 32px; margin-bottom: 4px; }
#code { font-size: 28px; font-weight: 700; overflow-wrap: anywhere; margin: 8px 0 28px; }
.primary, button { display: block; width: 100%; padding: 15px 12px; border-radius: 8px; font: inherit; text-align: center; text-decoration: none; cursor: pointer; }
.primary { background: #285b46; color: white; margin-bottom: 12px; }
button { border: 1px solid #778b80; color: #285b46; background: white; }
.note { color: #59665f; font-size: 14px; margin-top: 28px; }
:focus-visible { outline: 3px solid #ba8227; outline-offset: 4px; }
#status { min-height: 24px; }