/* Website intake forms (/brands/inquiry/, /creators/apply/). Uses site.css tokens; no script, no third party. */
.intake{max-width:720px}
.intake-form{display:grid;gap:22px;margin-top:18px}
.form-field{display:grid;gap:8px}
.form-field label,.form-field legend{font-weight:650;color:var(--text)}
.form-field .opt{font-weight:400;color:var(--text-3)}
.form-field .hint{margin:0;font-size:15px;color:var(--text-3)}
.form-field .error{margin:0;font-size:15px;font-weight:650;color:#ffb4c0}
.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-2);
  background:var(--surface);color:var(--text);font:inherit;font-size:17px}
.form-field textarea{min-height:120px;resize:vertical}
.form-field input[type=date]{color-scheme:dark}
.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible,.form-field input[type=checkbox]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.form-field.invalid input:not([type=checkbox]),.form-field.invalid select,.form-field.invalid textarea{border-color:#ff8fa3;border-width:2px}
fieldset.form-field{border:1px solid var(--border-2);border-radius:14px;padding:16px 18px;margin:0}
fieldset.form-field.invalid{border-color:#ff8fa3;border-width:2px}
.checks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.checks li,.form-field.check{display:flex;align-items:center;gap:12px;min-height:44px}
.form-field.check{flex-wrap:wrap}
.form-field.check .error{flex-basis:100%}
.form-field input[type=checkbox]{width:24px;height:24px;flex:none;accent-color:var(--blue-strong)}
.checks label,.form-field.check label{font-weight:400;color:var(--text-2)}
button.btn{font:inherit;font-weight:650;cursor:pointer}
.errors{margin:16px 0}
.errors h2{font-size:20px;margin:0 0 8px}
.errors ul{margin:0 0 8px;padding-left:20px}
.errors a{color:var(--text)}
.privacy{margin-top:36px}
.hp{display:none}
@media (forced-colors:active){.form-field input:not([type=checkbox]),.form-field select,.form-field textarea,fieldset.form-field{border:1px solid CanvasText}}
.privacy .note+p{margin-top:16px}
/* Field feedback: the border and a soft ring follow focus; a field that has been changed and fails its own browser
   check shows the error colour as soon as it is left. */
.form-field input:not([type=checkbox]),.form-field select,.form-field textarea{transition:border-color .2s,box-shadow .25s,background-color .2s}
.form-field input:not([type=checkbox]):hover,.form-field select:hover,.form-field textarea:hover{border-color:#3a4670}
.form-field input:not([type=checkbox]):focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--signal);background:var(--surface-2);box-shadow:0 0 0 4px rgba(94,234,212,.14)}
.form-field input:not([type=checkbox]):user-invalid,.form-field select:user-invalid,.form-field textarea:user-invalid{border-color:#ff8fa3}
@media (prefers-reduced-motion:reduce){.form-field input,.form-field select,.form-field textarea{transition:none}}
