#loginModal .modal-dialog {
    max-width: 880px;
}

.otp-box {
    width: 45px;
    height: 50px;
    font-size: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
    transition: all 0.2s ease;
}

    .otp-box:focus {
        border-color: #388e3c;
        box-shadow: 0 0 6px rgba(56, 142, 60, 0.4);
    }

/* Buttons */
#loginModal .btn-success {
    background-color: #388e3c;
    border: none;
    transition: all 0.2s ease-in-out;
}

    #loginModal .btn-success:hover {
        background-color: #2e7d32;
        transform: translateY(-1px);
    }

/* Responsive Design */
@media (max-width: 767px) {
    #loginModal .row {
        flex-direction: column-reverse;
    }

    #loginModal .p-5 {
        padding: 2rem !important;
    }

    #loginModal .col-md-6 {
        text-align: center;
    }

    #loginModal .modal-content {
        border-radius: 0;
    }
}