/* ============================================================
   General & Login-related styles
   ============================================================ */

/* Login box container */
.login-box {
    background: #fff;
    width: 90%;
    max-width: 900px;
    border-radius: 15px;
    overflow: hidden;
}

/* Adjust inside halves */
.left-side {
    flex: 1;
    background: linear-gradient(135deg, #007bff, #00b4d8);
    color: white;
    min-height: 100%;
}

.right-side {
    flex: 1;
    background: #ffffff;
}

@media (max-width: 768px) {
    .login-box {
        flex-direction: column;
    }
    .left-side {
        min-height: 180px;
    }
}

/* Make side-by-side button alignment uniform for password & OTP */
#togglePwd,
#getOtp {
    white-space: nowrap;
    min-width: 90px;
}