/* Cyprob — partner başvuru formu. Davranış sözleşmesi LayerSistem form yığınıyla
   BİREBİR (form.js + form-token.php + pow-worker.js + iletisim-gonder.php);
   yalnız görünüm cyprob dilindedir. Sınıf/id adları form.js'in beklediği adlardır. */

.hp { position: absolute; left: -9999px; top: -9999px; }

.form-fields { display: grid; gap: 1.3rem; margin: 2.2rem 0 0; max-width: 44rem; }
.frow { display: grid; gap: 1.3rem; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.field label {
  display: block; margin-bottom: 0.45rem;
  font-family: var(--mono); font-size: var(--step--1);
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-soft);
}
.field .req { color: var(--ice-deep); }
.field input, .field select, .field textarea {
  width: 100%; padding: 0.8rem 1rem;
  border: 1px solid oklch(0.238 0.021 252 / 0.24); border-radius: 4px;
  background: var(--surface); color: var(--ink);
  font-family: var(--body); font-size: var(--step-0);
  transition: border-color var(--t-micro) var(--out-cubic);
}
.field textarea { min-height: 8.5rem; resize: vertical; }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible {
  outline: none; border-color: var(--ice-deep);
}
.tel-row { display: grid; grid-template-columns: 9rem 1fr; gap: 0.6rem; }

.form-foot { margin-top: 1.8rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }
.form-foot .cta {
  padding: 0.85rem 1.9rem; border: 0; border-radius: 999px; cursor: pointer;
  background: var(--abyss); color: var(--on-abyss);
  font-family: var(--mono); font-size: var(--step--1);
  letter-spacing: 0.10em; text-transform: uppercase;
  transition: transform var(--t-micro) var(--out-cubic);
}
.form-foot .cta:hover { transform: translateY(-2px); }
.form-foot .cta:disabled { opacity: 0.55; transform: none; cursor: wait; }
.form-note { margin: 0; max-width: 30rem; font-size: var(--step--1); color: var(--ink-soft); }

.pow { display: none; height: 3px; margin-top: 1.2rem; border-radius: 2px; background: oklch(0.238 0.021 252 / 0.14); }
.pow.on { display: block; }
.pow i { display: block; height: 100%; width: calc(var(--p, 0) * 100%); border-radius: 2px;
        background: var(--ice-deep); transition: width 180ms linear; }

.status { display: none; margin-top: 1.1rem; max-width: 44rem; }
.status.on { display: block; }
.status[data-kind="fail"] { color: oklch(0.55 0.19 25); }
.status[data-kind="done"] { color: var(--ink); }
.status .stamp { display: block; margin-top: 0.3rem; font-family: var(--mono); font-size: var(--step--1); color: var(--ink-soft); }