.form-wrap { max-width: 560px; margin: 0 auto; }
  .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
  @media (max-width: 560px) { .row2 { grid-template-columns: 1fr; } }
  label { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); margin: 0 0 5px; }
  .field { margin-bottom: 15px; }
  input, select, textarea {
    width: 100%; font: inherit; font-size: 15px; padding: 10px 13px; color: var(--ink);
    border: 1px solid var(--line); border-radius: 9px; background: var(--paper);
  }
  input:focus, select:focus, textarea:focus {
    outline: 2px solid var(--indigo); outline-offset: -1px; border-color: var(--indigo);
  }
  .hint { font-size: 12.5px; color: var(--muted); margin: 5px 0 0; }
  .honey { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
  .note { background: var(--sand); border: 1px solid var(--line); border-radius: 12px;
          padding: 18px 20px; margin-bottom: 28px; font-size: 14.5px; }
  .err { background: #fdeced; border: 1px solid #f5b5b7; color: var(--red-ink);
         border-radius: 9px; padding: 11px 14px; margin-bottom: 18px; font-size: 14px; }