.public-main {
    color: var(--mci-white);
}

.public-shell .brand-lockup {
    color: var(--mci-white);
}

.login-card {
    border: 1px solid var(--color-border);
    border-radius: 0.5rem;
    background: var(--color-shell) !important;
    box-shadow: var(--shadow-panel);
}

.login-card .card-body {
    color: var(--mci-white);
    background: transparent !important;
}

.login-card label,
.login-card .form-check-label {
    color: var(--mci-white);
    font-weight: 600;
}

.login-card .form-control {
    min-height: 2.85rem;
    color: var(--mci-white);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.32);
    border-radius: 0.5rem;
}

.login-card .form-control:focus {
    color: var(--mci-white);
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--mci-blaze-orange);
}

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

.login-card .form-check-input:checked {
    background-color: var(--mci-blaze-orange);
    border-color: var(--mci-blaze-orange);
}

.login-card .btn-primary {
    min-height: 3.25rem;
    color: var(--mci-white);
    background: var(--mci-blaze-orange);
    border-color: var(--mci-blaze-orange);
    font-weight: 700;
}

.login-card .btn-primary:hover,
.login-card .btn-primary:focus {
    background: var(--mci-orange-dark);
    border-color: var(--mci-orange-dark);
}