/* Brevo's state classes, scoped to keep the existing demo layout intact. */
#demo-form { scroll-margin-top: 100px; }
#sib-form .input--hidden { display: none !important; }
#sib-form .entry__error { display: none; margin: 6px 0 0; color: #a62d28; font-size: 12px; font-weight: 500; line-height: 1.4; }
#sib-form .entry_errored input, #sib-form .entry_errored select { border-color: #d9534f; }
#sib-form-container .sib-form-message-panel { display: none; margin: 0 0 20px; padding: 12px 14px; border: 1px solid; border-radius: 11px; font-size: 14px; line-height: 1.5; }
#sib-form-container .sib-form-message-panel--active { display: block; }
#sib-form-container #error-message { color: #842821; background: #fff4f2; border-color: #edb5ae; }
#sib-form-container #success-message { color: #226034; background: #effaf2; border-color: #aad6b6; }
#sib-form .progress-indicator__icon { flex: 0 0 20px; width: 20px; height: 20px; animation: demo-form-spin 1s linear infinite; }
#sib-form .sib-hide-loader-icon { display: none; }
#sib-form .submit:disabled { cursor: wait; opacity: .7; transform: none; }
@keyframes demo-form-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #sib-form .progress-indicator__icon { animation: none; } }