*{box-sizing:border-box}
.password-field{position:relative}
.login-page .password-field .form-control{padding-right:54px}
.password-toggle{position:absolute;right:4px;top:3px;width:44px;height:43px;border:0;border-radius:5px;background:transparent;color:#245ea8;display:grid;place-items:center;cursor:pointer}
.password-toggle[hidden],.eye-slash[hidden]{display:none}
.password-toggle:hover{background:#edf3fa}
body.login-page{margin:0;background:#f3f6fa!important;color:#172d4c;font-family:"Segoe UI",Arial,sans-serif;min-height:100vh;min-height:100dvh}
.login-container{width:100%;padding-inline:20px;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}
.login-container>.row{width:100%;margin:0;justify-content:center}
.login-column{max-width:460px;width:100%;padding:0}
.login-page .card{border:1px solid #dce3ed;border-top:4px solid #245ea8;border-radius:12px;background:#fff;box-shadow:0 12px 40px #172d4c0d!important;overflow:hidden}
.login-page .card-body{padding:36px}
.login-brand{display:flex;justify-content:center;margin-bottom:20px}
.login-brand img{object-fit:contain;border-radius:50%}
.login-page h1{font-size:27px;font-weight:650;line-height:1.25;color:#172d4c}
.login-page .form-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.login-page .form-control{width:100%;min-height:49px;font-size:16px;border:1px solid #cdd8e7;border-radius:7px;padding:11px 13px;background:#fbfcfe}
.login-page .form-control:focus{border-color:#245ea8;box-shadow:0 0 0 3px #245ea81b;outline:0}
.login-page .btn-primary{width:100%;min-height:49px;background:#245ea8;border:1px solid #245ea8;border-radius:7px;color:#fff;font-size:16px;font-weight:600}
.login-page .btn-primary:hover{background:#17467f;border-color:#17467f}
.login-page p{font-size:14px;line-height:1.7;color:#65758a;margin-bottom:0}
.login-page a{color:#245ea8;text-underline-offset:3px}
.login-page .alert{font-size:14px;overflow-wrap:anywhere}
.login-page :focus-visible{outline:3px solid #83a7d6;outline-offset:3px}
@media(max-width:575px){.login-container{padding:24px 16px!important}.login-page .card-body{padding:28px 22px}.login-page h1{font-size:25px}}
@media(max-height:580px){.login-container{align-items:flex-start;padding-top:20px!important;padding-bottom:20px!important}}