.login-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    overflow-y: auto;
}

.login-inner-container {
    margin: auto; /* centers horizontally and vertically */
    min-height: fit-content; /* ensure content size drives layout */
}

    .login-container label, .login-container a {
        font-size: 0.875rem;
        font-weight: 500
    }

.login-box {
    width: 100%;
    max-width: 584px;
}

.remember-checkbox label, .forgot-link {
    font-size: 0.875rem;
    font-weight: 500
}

.remember-checkbox label {
    color: var(--bs-secondary-text-emphasis);
    cursor: pointer;
}

.register-support-text {
    color: var(--bs-gray-500);
}

@media (max-width: 490px) {
    .nameContainer {
        flex-direction: column;
    }
}
/*--bs-gray-500*/