/* Small page-specific form styles (keeps your main CSS clean) */
    .formGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px;
      margin-top: 12px;
    }
    .field {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .field label {
      font-size: 13px;
      color: var(--muted);
      font-weight: 650;
    }
    .field input,
    .field select,
    .field textarea {
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid var(--border-subtle, #dde3f0);
      font: inherit;
      background: #fff;
      outline: none;
    }
    .field input:focus,
    .field select:focus,
    .field textarea:focus {
      border-color: var(--blue-accent);
    }
    .field textarea {
      min-height: 110px;
      resize: vertical;
    }
    .full {
      grid-column: 1 / -1;
    }
    .hint {
      font-size: 13px;
      color: var(--muted);
      margin-top: 10px;
    }
    .ctaRow {
      display: flex;
      gap: 10px;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 16px;
    }
    @media (max-width: 860px) {
      .formGrid {
        grid-template-columns: 1fr;
      }
    }