:root{font-family:Segoe UI,Arial;color:#153b3a;background:#172d42}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(560px,100%)}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:24px;font-weight:800;margin:0 0 18px}.brand b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#4f918a;font:26px Georgia}.brand span{color:#f4ead8}.loginCard{padding:34px;border:1px solid #cfbea4;border-radius:18px;background:#f1e7d5;box-shadow:0 20px 60px #07111d66}.kicker{font-size:11px;letter-spacing:.14em;color:#2d7771}h1{margin:8px 0;font:700 38px Georgia}p{color:#647a77;line-height:1.45}form,label{display:grid;gap:8px}form{gap:18px;margin-top:26px}input{width:100%;padding:13px;border:1px solid #bba98d;border-radius:9px;background:#f8f0e2;font:inherit}button{padding:13px;border:0;border-radius:9px;background:#347f78;color:#fff;font-weight:800;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.linkButton{padding:8px 0;margin-top:10px;background:transparent;color:#286d67;text-decoration:underline}.method{display:grid;gap:3px;margin:12px 0;padding:12px;border:1px solid #a9c8c3;border-radius:10px;background:#e1efeb}.method small{color:#55736f}.method.disabled{border-color:#d0c3ae;background:#e8dfcf;color:#766c5c}.method.disabled small{color:#807666}ol{padding-left:23px;color:#4f6966;line-height:1.55}.qrCode{display:block;width:210px;height:210px;margin:16px auto;border:10px solid #fff;border-radius:8px}.manualKey{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border-radius:10px;background:#e7ddca}.manualKey span{grid-column:1/-1;font-size:12px;color:#647a77}.manualKey code{align-self:center;overflow-wrap:anywhere;font-weight:800;letter-spacing:.08em}.manualKey button{padding:8px 11px}.recoveryCodes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0;padding:16px;border:1px dashed #8caba6;border-radius:10px;background:#fff}.recoveryCodes code{font-size:15px;font-weight:700;letter-spacing:.05em}.confirmRecovery{grid-template-columns:auto 1fr;align-items:center;margin:18px 0}.confirmRecovery input{width:auto}.notice{margin:18px 0 0;padding:16px;border-left:4px solid #d09d35;border-radius:8px;background:#f7e8c5}.notice p{margin:6px 0 12px}.notice form{margin-top:14px}#resetRequestMessage{font-weight:700;color:#347f78}#error{min-height:20px;margin-top:15px;color:#9f312c;font-weight:700}#error.ok{color:#287267}@media(max-width:520px){.loginCard{padding:24px}.recoveryCodes{grid-template-columns:1fr}.manualKey{grid-template-columns:1fr}.manualKey button{width:100%}}