/* === Mobile Breakpoint (Default Already Mobile-Friendly) === */

@media (max-width: 480px) {
    .login-form {
        padding: 22px 18px;
        border-radius: 6px;
    }

    .login-form h1 {
        font-size: 1.6rem;
    }

    .login-form input[type="email"],
    .login-form input[type="password"] {
        padding: 10px 12px;
    }

    .login-form button {
        font-size: 0.95rem;
        padding: 10px 0;
    }

    .sign-bg img {
        max-height: 98px;
    }
}

/* === Larger Screens (Tablet + Desktop) === */

@media (min-width: 481px) {
    .login-form {
        padding: 32px 28px;
    }

    .login-form h1 {
        font-size: 2rem;
    }
}