.contact-hero { max-width: 760px; }
.contact-form-title {
  font-size: clamp(24px, 3vw, 34px);
  margin-bottom: 28px;
}
.field-optional {
  text-transform: none;
  letter-spacing: 0;
}

.field .field-validation-error { display: block; }
.field .input-validation-error {
  border-color: rgba(240, 85, 79, 0.8);
  box-shadow: 0 0 0 3px rgba(240, 85, 79, 0.12);
}

.form-status {
  border: 1px solid var(--line-strong);
  border-radius: var(--r-md);
  margin-bottom: 22px;
  padding: 14px 16px;
  font-size: 14px;
}
.form-status.is-hidden { display: none; }
.form-status.success {
  color: #86efac;
  background: rgba(34, 197, 94, 0.1);
}
.form-status.error {
  color: #fca5a5;
  background: rgba(240, 85, 79, 0.1);
}

#contact-form button[type="submit"]:disabled {
  cursor: wait;
  opacity: 0.65;
  pointer-events: none;
}