*{box-sizing:border-box}body{margin:0;background:#f6f4ef;color:#34372f;font-family:system-ui,-apple-system,sans-serif;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,390px);padding:32px;background:#fffefb;border:1px solid #e6e4dc;border-radius:24px;box-shadow:0 12px 48px #34372f0a}.brand{font-size:14px;letter-spacing:.08em;color:#64715d}h1{font-size:28px;margin:24px 0 8px}p{line-height:1.6;color:#6a6f62;font-size:14px}form{margin-top:28px}label{display:block;font-size:14px;margin:18px 0 8px}input{width:100%;padding:13px 14px;border:1px solid #cacfc2;border-radius:10px;font-size:16px;background:white;color:#34372f}input:focus-visible,button:focus-visible{outline:3px solid #b7c9a1;outline-offset:3px}button{margin-top:24px;width:100%;min-height:48px;border:0;border-radius:12px;background:#465e3d;color:white;font-size:16px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#error{color:#a3362a;min-height:24px}.note{font-size:12px;text-align:center;margin-bottom:0}