.form-field{flex-direction:column;gap:8px;min-width:0;display:flex}.form-field__label{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);font-size:.8125rem;font-weight:700;line-height:1.2}.form-field__optional{color:var(--color-ink-subtle)}.form-field input{width:100%;min-height:48px;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface-muted);border:1px solid #0000;border-radius:14px;outline:none;padding:0 16px;font-size:.9375rem;transition:background-color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.form-field input::placeholder{color:var(--color-ink-subtle)}.form-field input:hover{border-color:var(--color-line)}.form-field input:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.form-field input[aria-invalid=true]{border-color:color-mix(in srgb,var(--color-danger) 70%,transparent)}.form-field textarea{width:100%;min-height:48px;font-family:var(--font-sans);color:var(--color-ink);background:var(--color-surface-muted);border:1px solid #0000;border-radius:14px;outline:none;padding:0 16px;font-size:.9375rem;transition:background-color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.form-field textarea::placeholder{color:var(--color-ink-subtle)}.form-field textarea:hover{border-color:var(--color-line)}.form-field textarea:focus{background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 14%,transparent)}.form-field textarea[aria-invalid=true]{border-color:color-mix(in srgb,var(--color-danger) 70%,transparent)}.form-field textarea{resize:vertical;min-height:144px;padding-block:12px;line-height:1.6}.form-field__note{color:var(--color-ink-subtle);align-items:center;gap:6px;font-size:.75rem;line-height:1.5;display:flex}.form-field__note--error{color:var(--color-danger)}