*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#f5f5ef;color:#213c35;font:14px/1.5 'Segoe UI',Arial,sans-serif;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:#fffefa;border:1px solid #e4e7df;border-radius:16px;padding:38px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.brand>b{background:#213c35;color:#d9e9a6;font-size:35px;border-radius:12px;width:48px;height:50px;text-align:center;line-height:48px}.brand span{font-size:12px;letter-spacing:1px}.brand strong{display:block;font-size:24px;line-height:1.2}h1{font:32px Georgia;margin:0 0 24px}label{display:grid;gap:7px;margin-bottom:20px;font-weight:550;font-size:12px}input,button{font:inherit}input{background:#fffefa;border:1px solid #d9ded4;border-radius:8px;padding:12px;color:#213c35;width:100%;min-width:0}button{cursor:pointer}button[type=submit]{width:100%;border:0;background:#213c35;color:#fff;border-radius:8px;padding:13px;font-weight:600}button:disabled{opacity:.6;cursor:wait}.password{display:flex;position:relative}.password input{padding-right:80px}.password button{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#65725b;font-size:11px;padding:5px}#error{min-height:20px;color:#a14135;font-size:12px;margin:0 0 14px}:focus-visible{outline:2px solid #537c48;outline-offset:3px}