:root{--login-blue: #001881;--login-blue-hover: #0024a4;--login-background: #e6eaef;--login-border: #bcc8d6;--login-field: #f1f4f7;--login-font: "Quicksand", "Helvetica Neue", Arial, sans-serif;--login-muted: #6f7b88;--login-text: #172033}html,body{min-height:100%}.login-page{background:var(--login-background);color:var(--login-text);margin:0}.login-main{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:2rem 1.25rem}.login-panel{font-family:var(--login-font);width:min(100%,320px)}.login-panel *:not(.bx):not(.bi){font-family:var(--login-font)}.login-brand{text-align:center}.login-logo{display:block;height:100px;margin:0 auto;object-fit:contain;width:100px}.login-brand p{color:var(--login-muted);font-size:.95rem;margin:.8rem 0 0}.login-form{margin-top:2rem}.login-form-group{margin-bottom:1.1rem}.login-form-group label{color:var(--login-blue);display:inline-block;font-size:.78rem;font-weight:600;margin:0 0 .35rem .25rem}.login-input{position:relative}.login-input>.bx:first-child{color:#718096;font-size:1.1rem;left:.85rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.login-input .form-control{background:var(--login-field);border:1px solid var(--login-border);border-radius:5px;color:var(--login-text);font-size:.9rem;height:43px;padding:.65rem 2.65rem;width:100%}.login-input .form-control::placeholder{color:#98a4b3;opacity:1}.login-input .form-control:hover{border-color:#9eacbc}.login-input .form-control:focus{background:#f7f9fb;border-color:var(--login-blue);box-shadow:none;outline:0}.password-field .form-control{padding-right:3rem}.password-toggle{align-items:center;background:transparent;border:0;color:#6f7b88;display:inline-flex;font-size:1.15rem;height:100%;justify-content:center;padding:0;position:absolute;right:0;top:0;width:2.8rem;z-index:3}.password-toggle:hover,.password-toggle:focus{color:var(--login-blue)}.password-toggle:focus-visible{outline:2px solid var(--login-blue);outline-offset:-4px}.login-input .form-control.is-invalid{background-image:none;border-color:#dc3545}.password-field .form-control.is-invalid{padding-right:3rem}.login-form .invalid-feedback{display:block;font-size:.75rem;margin:.3rem 0 0 .25rem}.login-actions{display:grid;gap:.75rem;margin-top:1.75rem}.login-button{align-items:center;border:1px solid transparent;border-radius:5px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.55rem;height:47px;justify-content:center;text-decoration:none;transition:background-color .2s ease,border-color .2s ease;width:100%}.login-button i{font-size:1.15rem}.login-button-primary{background:var(--login-blue);border-color:var(--login-blue);color:#fff}.login-button-primary:hover,.login-button-primary:focus{background:var(--login-blue-hover);border-color:var(--login-blue-hover);color:#fff}.login-button-secondary{background:#747e87;border-color:#747e87;color:#fff}.login-button-secondary:hover,.login-button-secondary:focus{background:#626c75;border-color:#626c75;color:#fff}.login-button:focus-visible{outline:2px solid var(--login-blue);outline-offset:2px}@media (max-height: 620px){.login-main{align-items:flex-start;padding-bottom:1.5rem;padding-top:1.5rem}.login-logo{height:82px;width:82px}.login-form{margin-top:1.35rem}.login-actions{margin-top:1.25rem}}