.login-banner {
    width: 100%;
    height: 100vh;
}

.login-card {
    padding: 1.5rem;
}

.generated-password {
    margin-top: 1.5rem;
}

@media (max-width: 767px) {
    .login-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .login-logo {
        background: rgba(255, 255, 255, 0.8);
    }
}

@media (max-height: 820px) and (min-height: 768px) {
    .login-card {
        padding: 0 1.5rem;
    }

    .generated-password {
        margin-top: .5rem;
    }
}

@media (max-height: 600px) {
    .login-banner {
        height: 100%;
    }
}