.contact-form-container {width: 100%; max-width: 900px; margin: 0 auto; padding: 20px;}
#contact-form .form-group {margin-bottom: 20px;}
#contact-form label {display: block; margin-bottom: 5px; font-weight: 600; color: #333;}
#contact-form .required {color: #dc3545;}
#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; font-family: inherit; transition: border-color 0.3s;}
#contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form textarea:focus {outline: none; border-color: #007bff;}
#contact-form textarea {resize: vertical; min-height:120px;}
#contact-form .form-error-message {display: block; color:#dc3545; font-size:15px; min-height:18px;}
#contact-form .btn-submit {background: #007bff; color: white; border: none; padding: 12px 30px; font-size: 16px; font-weight: 600; border-radius: 4px; cursor: pointer; transition: background 0.3s; width: 100%;}
#contact-form .btn-submit:hover {background:#0056b3;}
#contact-form .btn-submit:disabled {background: #6c757d; cursor: not-allowed;}
#contact-form .btn-loading {display: inline-block;}
#contact-form .form-response {padding: 15px; border-radius: 4px; margin-bottom: 20px; font-weight: 500;}
#contact-form .form-response.success {background: #d4edda; color: #155724; border: 1px solid #c3e6cb;}
#contact-form .form-response.error {background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb;}

/* Animation de chargement */
@keyframes spin {
    to {transform: rotate(360deg); }
}

.btn-submit.loading .btn-text {display: none;}
.btn-submit.loading .btn-loading {display: inline-block;}
.btn-submit.loading .btn-loading::before {content: "⏳ "; animation: spin 1s linear infinite; display: inline-block;}