body.login-page {
    background:
        radial-gradient(circle at 12% 18%, rgba(59, 130, 246, 0.18) 0%, transparent 42%),
        radial-gradient(circle at 88% 82%, rgba(16, 185, 129, 0.15) 0%, transparent 46%),
        radial-gradient(circle at 55% -5%, rgba(244, 114, 182, 0.14) 0%, transparent 38%),
        linear-gradient(145deg, #f8fafc 0%, #e8f0ff 48%, #ecfeff 100%);
}

.login-card {
    border-radius: 14px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
}

.login-side {
    background: linear-gradient(180deg, #f8fafc 0%, #eef6ff 100%);
    border-right: 1px solid #e5e7eb;
    padding: 2.5rem 2rem;
    min-height: 460px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.login-side > div {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

.login-side .d-flex {
    justify-content: center;
}

.login-logo {
    width: auto;
    height: 140px;
    max-width: 360px;
    object-fit: contain;
}

.login-logo-fallback {
    width: 140px;
    height: 140px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 2.2rem;
    background: #dbeafe;
    color: #1d4ed8;
}

.card-body .form-control {
    height: calc(1.5em + .9rem + 2px);
    border-radius: .4rem;
}

.is-hidden {
    display: none;
}

@media (max-width: 767.98px) {
    .login-card {
        border-radius: 10px;
    }
}