.form-control {
    border: 2px solid #ccc;
    border-radius: 6px;
    font-size: 0.9rem;
    padding: 10px;
    transition: all 0.3s ease-in-out;
    background-color: #f8f9fa;
}

    .form-control:focus {
        border-color: rgb(143, 76, 220) !important;
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
        background-color: white;
        outline: none;
    }


    .form-control-lg:focus {
        border-color: rgb(143, 76, 220) !important;
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
        background-color: white;
        outline: none;
    }

    .form-control::placeholder {
        opacity: 0.7;
        font-style: italic;
        color: #888;
    }

    .form-control.input-validation-error {
        border-color: #dc3545;
        background-color: rgba(220, 53, 69, 0.1);
    }

        .form-control.input-validation-error:focus {
            border-color: #c82333;
            box-shadow: 0 0 6px rgba(220, 53, 69, 0.3);
        }

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-2px);
    }

    50% {
        transform: translateX(2px);
    }

    75% {
        transform: translateX(-2px);
    }
}

.form-control.input-validation-error {
    animation: shake 0.3s ease-in-out;
}

.alert-container {
    text-align: center;
    margin-bottom: 20px;
}