:root{font-family:Arial,Helvetica,sans-serif;color:#182c43;background:#f6f7fb;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 20px}
.login-card{width:100%;max-width:460px;background:#fff;border:1px solid #e9ecf1;border-radius:28px;padding:36px;box-shadow:0 18px 65px #1734550d}
.brand{font-size:28px;font-weight:900;color:#ab1725;letter-spacing:-1px}.brand span{display:block;font-size:10px;letter-spacing:2px;color:#617286;margin:7px 0 28px}
.lock{font-size:10px;font-weight:700;letter-spacing:1px;color:#487158}h1{font-size:28px;line-height:1.18;margin:15px 0 12px;letter-spacing:-.7px}p{font-size:14px;line-height:1.65;color:#5d6d7f}
label{font-size:13px;font-weight:700;display:block;margin:20px 0 9px}input{width:100%;font:inherit;font-size:16px;border:1px solid #cfd7e1;border-radius:12px;padding:13px 14px;min-height:48px}
input:focus-visible,button:focus-visible{outline:3px solid #a3c2e8;outline-offset:3px}button{width:100%;border:0;border-radius:12px;padding:15px 12px;background:#183b68;color:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:24px;min-height:48px}
button:disabled,input:disabled{opacity:.55;cursor:not-allowed}.foot{font-size:11px;line-height:1.6;margin-top:28px;border-top:1px solid #eef0f4;padding-top:20px}.setup-note{background:#f4f6fa;border:1px solid #e4e9ef;border-radius:16px;padding:18px;margin:22px 0}.setup-note h2{font-size:15px;margin:0}.setup-note p{font-size:12px;overflow-wrap:anywhere}.setup-note button{margin-top:3px;background:white;color:#183b68;border:1px solid #ced8e4}#login-error{color:#a81727;margin:12px 0 0;min-height:0}
@media(max-width:440px){body{padding:20px 16px}.login-card{padding:28px 23px}h1{font-size:26px}}
.password-field{position:relative}.password-field input{padding-right:118px}.password-toggle{position:absolute;right:5px;top:5px;width:108px;min-height:38px;margin:0;padding:7px 5px;background:#edf2f8;color:#183b68;font-size:12px;border-radius:8px}.recovery-link{display:block;margin-top:20px;color:#183b68;font-size:14px;text-align:center;text-decoration:underline;text-underline-offset:3px}.recovery-link:focus-visible{outline:3px solid #a3c2e8;outline-offset:4px}#recovery-message{overflow-wrap:anywhere;color:#183b68}
@media(max-width:440px){body{min-height:100vh;min-height:100dvh;padding:20px 12px}.login-card{min-width:0;padding:24px 20px}.login-card p,.login-card .foot{overflow-wrap:anywhere}.password-toggle{min-height:44px;top:2px}.recovery-link{min-height:44px;display:flex;justify-content:center;align-items:center}}
@media(max-width:360px){.password-field input{padding-right:14px}.password-toggle{position:static;width:100%;margin:8px 0 0;min-height:44px}}