*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f6f4ed;color:#16251e;font:17px system-ui,sans-serif;padding:24px}main{width:min(100%,390px)}.brand{font-size:38px;font-weight:800;letter-spacing:-2px;margin-bottom:48px}h1{font-size:28px}label{display:block;margin:24px 0;font-weight:600}input,button{width:100%;font:inherit;min-height:50px;border-radius:12px;padding:12px 14px}input{display:block;margin-top:8px;border:1px solid #ccd6ce;background:white}input:focus{outline:3px solid #c6a656}button{border:0;background:#214d3e;color:white;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#error{color:#a51b1b;min-height:24px}

#passkey-login{margin-top:16px;background:#fff;color:#214d3e;border:1px solid #ccd6ce}#passkey-return{display:inline-block;margin-top:16px;color:#214d3e}