:root{font-family:system-ui,sans-serif;color:#18372e;background:#f2f6f3;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);background:white;border:1px solid #d8e4dc;border-radius:20px;padding:40px;box-shadow:0 16px 60px #18372e0a}.brand{font-weight:700;color:#205f48;text-decoration:none}h1{font-size:30px;margin:32px 0 12px}p{line-height:1.6;color:#4a6258}label{display:block;font-weight:600;margin-top:28px}input,button{font:inherit;width:100%;border-radius:8px;padding:13px 16px;margin-top:10px}input{border:1px solid #9bb2a6}button{background:#205f48;color:white;border:0;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #63aa8b;outline-offset:3px}.hint{font-size:13px;margin-bottom:0}#status{color:#94331e;margin-bottom:0}#status:empty{display:none}