.login-body {
    background: linear-gradient(180deg, #f7fafc 0%, #e9f0fb 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.login-card {
    max-width: 1060px;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(28, 52, 87, 0.12);
    overflow: hidden;
}

.brand-panel {
    background: linear-gradient(135deg, #4e4e4eff, #181717ff);
    color: #fff;
}

.brand-panel h3 {
    letter-spacing: 0.4px;
}

.form-note {
    font-size: 0.9rem;
    color: #6c757d;
}

.show-password-btn {
    cursor: pointer;
}

@media (max-width: 767px) {
    .brand-panel {
        padding: 1.5rem;
        text-align: center;
    }
}