:root{font-family:Inter,Segoe UI,sans-serif;color:#17263b;background:#f3f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:#fff;border:1px solid #dde4ee;border-radius:20px;padding:40px;width:100%;max-width:460px;box-shadow:0 16px 60px #17263b0b}.brand{font-size:20px;color:#1765b3}.brand strong{display:block;font-size:14px;letter-spacing:2px}h1{font-size:26px;margin-top:32px}p{line-height:1.6;color:#52647a}label{display:block;margin:22px 0 8px;font-size:14px;font-weight:600}input{width:100%;padding:12px;border:1px solid #bbc9db;border-radius:8px;font:inherit}input:focus{outline:2px solid #1976cf;outline-offset:2px}button{width:100%;padding:13px;margin-top:26px;background:#1765b3;color:white;border:0;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.note{font-size:13px;margin-top:24px}.validation-summary-errors{color:#a82333}.validation-summary-valid{display:none}@media(max-width:480px){.card{padding:28px}}
.login-logo{display:block;width:240px;max-width:100%;height:auto;margin:0 0 32px}
.password-field{position:relative}.password-field input{padding-right:90px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:auto;min-height:36px;padding:7px 10px;margin:0;background:#edf4fc;color:#0b559c;font-size:13px}.password-toggle:focus-visible{outline:2px solid #1976cf;outline-offset:2px}