body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f6f8fb;
    font-family: "Poppins", sans-serif;
}
.login-card {
    width: min(420px, calc(100% - 32px));
    background: #fff;
    border: 1px solid #e9edf3;
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .07);
}
.brand-icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #eef5ff;
    color: #0d6efd;
    font-size: 22px;
}
.brand-title { font-weight: 600; color: #172033; }
.welcome-text { color: #7a8494; font-size: 14px; }
.form-control { border-radius: 10px; min-height: 48px; }
.btn-login { min-height: 48px; border-radius: 10px; font-weight: 500; }
.password-toggle { cursor: pointer; }


/* Refined central sign-in and account recovery UI */
.login-card{animation:loginCardIn .55s cubic-bezier(.2,.8,.2,1) both;}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.login-brand-centered{flex-direction:column;justify-content:center;text-align:center;gap:10px;margin-bottom:26px;}
.login-brand h1{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:600;letter-spacing:-.045em;margin:0;color:#202733;}
.login-brand p{margin:.35rem 0 0;color:#718096;font-size:.95rem;}
.impact-logo-small{width:62px;height:62px;object-fit:contain;border-radius:18px;background:#fff;padding:4px;box-shadow:0 6px 18px rgba(13,110,253,.14);}
.login-page .form-control,.login-page .form-select{border:1px solid #dbe2ec;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background-color .22s ease;}
.login-page .form-control:hover,.login-page .form-select:hover{border-color:#a9c7f8;}
.login-page .form-control:focus,.login-page .form-select:focus{border-color:#2c7df0;box-shadow:0 0 0 .23rem rgba(13,110,253,.12);transform:translateY(-1px);background:#fff;}
.login-page .btn-primary,.login-page .btn-login{min-height:48px;border-radius:11px;font-weight:600;box-shadow:0 6px 15px rgba(13,110,253,.13);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}
.login-page .btn-primary:hover,.login-page .btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,110,253,.2);filter:saturate(1.08);}
.login-page .btn-primary:active,.login-page .btn-login:active{transform:translateY(0) scale(.99);}
.login-page label.form-label{font-weight:500;color:#273449;margin-bottom:.5rem;}
.login-page a{transition:color .18s ease,opacity .18s ease;}
.login-page a:hover{color:#084fc2!important;}
@keyframes loginCardIn{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.login-card,.login-page .form-control,.login-page .form-select,.login-page .btn-primary,.login-page .btn-login,.login-page a{animation:none!important;transition:none!important;}}