:root{color-scheme:light;--bg:#f4f6f4;--ink:#23312e;--card:#fff;--accent:#245c4c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif;padding:24px;display:grid;min-height:100vh;place-items:center}main{width:100%;max-width:440px;padding:32px;background:var(--card);border:1px solid #dfe7e2;border-radius:24px}.brand{font-size:14px;color:var(--accent);font-weight:650}h1{font-size:28px;line-height:1.2;letter-spacing:-.02em}label{display:block;margin:20px 0 7px}input,button,.button{font:inherit;min-height:48px;border-radius:12px;width:100%;padding:11px 14px}input{background:#fff;color:var(--ink);border:1px solid #aabbb3}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #83b6a5;outline-offset:3px}button,.button{display:block;margin-top:24px;border:0;background:var(--accent);color:white;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:#e7eeea;color:var(--ink);margin-top:12px}.hint{font-size:13px;color:#576960}#message{color:#873e2e}section[hidden],form[hidden]{display:none}@media(max-width:420px){body{padding:14px}main{padding:24px}}