/* =========================================
   MOBILE OVERRIDES (< 480px)
   Purpose: Ensure 100% fit, no zoom, safe margins
   ========================================= */

body {
    background-size: 150% 150%;
    /* Animate gradient deeper on mobile */
    align-items: center !important;
}

.login-card {
    height: auto !important;
    min-height: auto !important;
    width: 90% !important;
    max-width: 90% !important;
    padding: 30px 20px !important;
    margin: 0 auto !important;
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important;
}

.logo-img {
    height: 70px !important;
    /* Slightly smaller logo */
}

.c1,
.c2 {
    opacity: 0.3 !important;
    /* Reduce distraction */
}

/* Clear Legacy Classes just in case */
.loggin,
.left,
.right,
.inputlogin,
.google,
.fb,
.icons,
.emailin,
#passin,
.logocontain,
.loginbutton {
    display: none !important;
}