.contact-form{gap:var(--space-lg);flex-direction:column;max-width:32rem;display:flex}.contact-form__field{gap:var(--space-xs);flex-direction:column;display:flex}.contact-form__label{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.contact-form__optional{color:var(--color-text-light);font-weight:400}.contact-form__input,.contact-form__textarea{width:100%;font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);transition:border-color var(--transition-fast);padding:.625rem .75rem}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.contact-form__textarea{resize:vertical;min-height:7rem}.contact-form__error{padding:var(--space-md);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);background-color:#fdf2f2}.contact-form__success{padding:var(--space-xl);border:1px solid var(--color-success);border-radius:var(--radius-md);color:var(--color-success);background-color:#f0faf4}[data-theme=dark] .contact-form__error{background-color:#e74c3c1a}[data-theme=dark] .contact-form__success{background-color:#2ecc711a}