.form-control-placeholder {
    position: absolute;
    top: 50% !important;
    left: 5px !important;
    transform: translateY(-50%) !important;
    transition: 0.2s ease all;
    pointer-events: none;
    color: #888;
    font-size: 16px;
}

/* Quand champ focus OU rempli → on applique .active */
.form-control-placeholder.active {
    top: 23% !important;
    /* Ce que tu veux */
    font-size: 13px;
    color: #555;
}

.input-error {
    border-color: red !important;
}

.error-message {
    color: red;
    font-size: 0.875rem;
    margin-top: 4px;
}