/* ============================
   LOGIN
============================ */

.login-page {
    min-height: calc(100vh - 140px);
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg,#0F172A,#1E3A5F);
    padding: 40px;
}

.login-card {
    width: 430px;
    background: white;
    border-radius: 24px;
    padding: 50px;
    box-shadow: 0 25px 70px rgba(0,0,0,.18);
}

.login-logo {
    text-align: center;
    margin-bottom: 30px;
}

    .login-logo img {
        width: 90px;
        height: 90px;
        margin: auto;
        object-fit: contain;
    }

    .login-logo span {
        display: block;
        margin-top: 18px;
        color: #64748B;
    }

.login-card h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}

.login-card p {
    text-align: center;
    color: #64748B;
    margin-bottom: 35px;
}

.login-card .form-control {
    height: 52px;
    border-radius: 12px;
}

.login-card .btn {
    height: 52px;
    border-radius: 12px;
}

.password-field { position:relative; }
.password-field .form-control { padding-right:150px; }
.password-toggle { position:absolute; top:50%; right:10px; transform:translateY(-50%); display:inline-flex; align-items:center; gap:7px; border:0; background:transparent; color:#334155; font-size:.82rem; font-weight:700; padding:7px 9px; border-radius:7px; }
.password-toggle:hover { color:#0f172a; background:#f1f5f9; }
.login-options { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.login-help-link { color:#1e3a5f; font-size:.9rem; font-weight:700; white-space:nowrap; }
.login-help-link:hover { color:#0f172a; }
@media (max-width:480px) { .login-page { padding:20px; } .login-card { padding:32px 24px; } .password-field .form-control { padding-right:52px; } .password-toggle span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .login-options { align-items:flex-start; flex-direction:column; gap:12px; } }