.login-page {
    min-height: 100vh;
    background:
        radial-gradient(980px 560px at 86% 22%, rgba(209, 9, 9, 0.28), transparent 72%),
        radial-gradient(920px 520px at 14% 84%, rgba(0, 78, 131, 0.5), transparent 74%),
        linear-gradient(135deg, #0f1420 0%, #0b0f19 100%);
}

.login-page::before {
    position: fixed;
    inset: 0;
    pointer-events: none;
    content: "";
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.035), transparent 26%, transparent 74%, rgba(255, 255, 255, 0.025));
}

/* Match the sidebar's surfaces and accents within the existing login card. */
.login-card {
    background: linear-gradient(180deg, rgba(4, 20, 31, 0.94), rgba(3, 13, 22, 0.92));
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.login-card img {
    filter: drop-shadow(0 0 16px rgba(58, 167, 255, 0.18));
}

.login-card .form-label,
.login-card .form-check-label {
    color: #c8d7e2;
}

.login-card .form-control {
    color: #f4f9fc;
    background-color: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.16);
    border-radius: 0.75rem;
}

.login-card .form-control:focus {
    color: #fff;
    background-color: rgba(58, 167, 255, 0.08);
    border-color: rgba(58, 167, 255, 0.44);
    box-shadow: 0 0 0 0.2rem rgba(58, 167, 255, 0.12);
}

.login-card .form-check-input {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.22);
}

.login-card .form-check-input:checked {
    background-color: #3aa7ff;
    border-color: #3aa7ff;
}

.login-card .form-check-input:focus {
    border-color: #3aa7ff;
    box-shadow: 0 0 0 0.2rem rgba(58, 167, 255, 0.18);
}

.login-card .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(58, 167, 255, 0.18);
    --bs-btn-border-color: rgba(58, 167, 255, 0.42);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(58, 167, 255, 0.3);
    --bs-btn-hover-border-color: rgba(58, 167, 255, 0.65);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(58, 167, 255, 0.38);
    --bs-btn-active-border-color: #3aa7ff;
    --bs-btn-focus-shadow-rgb: 58, 167, 255;
    border-radius: 0.75rem;
}

.login-card .btn-link {
    --bs-btn-color: #8ecfff;
    --bs-btn-hover-color: #eaf6ff;
    --bs-btn-active-color: #fff;
}

.login-card > .text-center {
    color: #9aa9b7;
}