/* OTP input container */
.otp-container {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}

/* Each OTP box */
.otp-input {
    width: 52px;
    height: 55px;
    border: 2px solid #dadada;
    border-radius: 12px;
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    background: #fafafa;
    transition: all .2s ease-in-out;
}

    /* Focus effect */
    .otp-input:focus {
        border-color: #630607;
        box-shadow: 0 0 8px rgba(99, 6, 7, 0.4);
        outline: none;
        background: white;
    }

    /* Hover effect */
    .otp-input:hover {
        border-color: #8a0a0a;
    }

    /* Smooth placeholder removal */
    .otp-input::-webkit-inner-spin-button,
    .otp-input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }