/* ==========================================================================
   AUTHIFY — Forms (Contact / Request Demo)
   ========================================================================== */

.form{
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}
.form__row{ display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-sm); }

.field{ display: flex; flex-direction: column; gap: var(--space-3xs); }
.field label{ font-size: var(--text-xs); font-weight: 600; color: var(--color-text-muted); }
.field input, .field textarea{
  padding: 0.9rem 1rem;
  border-radius: var(--radius-sm);
  background: var(--glass-surface);
  border: 1px solid var(--glass-border);
  color: var(--color-text);
  transition: border-color var(--dur-fast) var(--ease-smooth), background var(--dur-fast) var(--ease-smooth);
}
.field input::placeholder, .field textarea::placeholder{ color: var(--color-text-subtle); }
.field input:focus, .field textarea:focus{ border-color: var(--gold-400); background: var(--glass-surface-strong); }
.field textarea{ min-height: 140px; resize: vertical; }

.form__note{ font-size: calc(var(--text-xs) * 0.8); color: var(--color-text-subtle); }

.form__status{
  display: none;
  padding: var(--space-sm);
  border-radius: var(--radius-sm);
  background: var(--glass-surface);
  border: 1px solid var(--gold-400);
  font-size: var(--text-sm);
  align-items: center;
  gap: var(--space-xs);
}
.form__status.is-visible{ display: flex; }
.form__status .icon{ width: 1.2em; height: 1.2em; color: var(--gold-500); flex-shrink: 0; }

@media (max-width: 620px){
  .form__row{ grid-template-columns: 1fr; }
}