@media (max-width: 1100px) {
    .login-wrapper {
        padding: 20px;
    }

    .login-shell {
        grid-template-columns: 1fr;
        max-width: 560px;
        min-height: auto;
    }

    .login-left {
        display: none;
    }

    .login-right {
        padding: 28px;
        background: rgba(248, 250, 252, .96);
    }

    .mobile-logo {
        display: block;
    }

    .login-card {
        padding: 34px 28px;
    }

    .login-heading {
        text-align: center;
    }

        .login-heading h2 {
            font-size: 1.75rem;
        }

    .login-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

@media (max-width: 520px) {
    .login-wrapper {
        padding: 14px;
    }

    .login-card {
        padding: 28px 22px;
        border-radius: 22px;
    }

    .login-right {
        padding: 0;
    }

    .login-heading h2 {
        font-size: 1.55rem;
    }

    .login-heading p {
        font-size: .92rem;
    }

    .input-control,
    .btn-login {
        height: 52px;
    }
}