/* ============ FORMS ============ */
.form-group { display: flex; flex-direction: column; gap: 6px; }
.form-label { font-size: 13px; font-weight: 600; color: var(--gray-600); }
.form-input {
  border: 1.5px solid var(--gray-200); border-radius: var(--radius-sm);
  padding: 10px 14px; font-family: 'Exo 2', sans-serif; font-size: 14px;
  color: var(--gray-800); background: white; transition: all 0.2s;
  outline: none;
}
.form-input:focus { border-color: var(--blue-main); box-shadow: 0 0 0 3px rgba(30,93,181,0.1); }
.form-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; cursor: pointer; }

/* ── Responsive forms ─────────────────────────────────────── */
@media (max-width: 600px) {
  .form-input, input, select, textarea { font-size: 16px !important; }
}