:root{--shadow-btn: inset 0 1px 1px 0 oklch(100% 0 0 / .71), inset 0 6px 12px 0 oklch(100% 0 0 / .39), 1px 1px 3px 0 oklch(12% .005 80 / .19);--shadow-btn-hover: inset 0 1px 1px oklch(100% 0 0 / .71);--shadow-input: inset 2px 2px var(--space-q) 0 oklch(12% .005 80 / .06);--shadow-input-focus: inset 0 -3px 3px 0 oklch(72% .16 72 / .2), inset 2px 2px var(--space-q) 0 oklch(12% .005 80 / .06);--form-fill: var(--color-bg)}@media(prefers-color-scheme:dark){:root{--shadow-btn-hover: none;--shadow-input: inset 2px 2px var(--space-q) 0 oklch(0% 0 0 / .25);--shadow-input-focus: inset 0 -3px 3px 0 oklch(76% .16 72 / .25), inset 2px 2px var(--space-q) 0 oklch(0% 0 0 / .25);--form-fill: oklch(from var(--color-bg-dark) calc(l - .05) c h / 1)}}[data-theme=dark]{--shadow-btn-hover: none;--shadow-input: inset 2px 2px var(--space-q) 0 oklch(0% 0 0 / .25);--shadow-input-focus: inset 0 -3px 3px 0 oklch(76% .16 72 / .25), inset 2px 2px var(--space-q) 0 oklch(0% 0 0 / .25);--form-fill: oklch(from var(--color-bg-dark) calc(l - .05) c h / 1)}[data-theme=light]{--shadow-btn: inset 0 1px 1px 0 oklch(100% 0 0 / .71), inset 0 6px 12px 0 oklch(100% 0 0 / .39), 1px 1px 3px 0 oklch(12% .005 80 / .19);--shadow-btn-hover: inset 0 1px 1px oklch(100% 0 0 / .71);--shadow-input: inset 2px 2px var(--space-q) 0 oklch(12% .005 80 / .06);--shadow-input-focus: inset 0 -3px 3px 0 oklch(72% .16 72 / .2), inset 2px 2px var(--space-q) 0 oklch(12% .005 80 / .06);--form-fill: var(--color-bg)}.form-field{margin-top:0}.form-label{display:block;font-family:var(--font-ui);font-size:var(--type-caption);line-height:var(--leading-1x);font-weight:600;font-feature-settings:var(--ot-display);letter-spacing:var(--tracking-ui);text-transform:uppercase;color:var(--color-text-weak);margin-bottom:var(--space-q)}.form-input,.form-textarea,.form-select{display:block;width:100%;font-family:var(--font-body);font-size:var(--type-1x);color:var(--color-text);background:var(--form-fill);border:1px solid var(--color-border);border-radius:var(--radius-q);padding-inline:var(--space-h);box-shadow:var(--shadow-input);transition:border-color var(--duration-standard) var(--ease-shift),box-shadow var(--duration-standard) var(--ease-shift),color var(--duration-standard) var(--ease-shift)}.form-input,.form-select{line-height:var(--leading-2x)}.form-textarea{line-height:var(--leading-1x);min-height:var(--space-8x);padding-block:var(--space-h);resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 40' fill='none' stroke='%23777' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13L14 2L25 13'/%3E%3Cpath d='M3 27L14 38L25 27'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right calc(var(--u-grid) * .75) center;background-size:.8em 1.14em;padding-inline-end:var(--space-2x)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-weak);opacity:1}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-input-focus)}.form-input:disabled,.form-textarea:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface)}.form-field.is-error .form-label{color:var(--color-error)}.form-field.is-error .form-input,.form-field.is-error .form-textarea,.form-field.is-error .form-select{border-color:var(--color-error);background:var(--color-error-surface)}.form-field-error{overflow:hidden;height:var(--space-1x)}.form-field-error>span{display:block;font-family:var(--font-ui);font-size:var(--type-caption);line-height:var(--leading-1x);font-weight:400;font-feature-settings:var(--ot-display);color:var(--color-error);opacity:0;transform:translateY(-100%);transition:transform var(--duration-slow) var(--ease-exit),opacity var(--duration-slow) var(--ease-exit)}.form-field.is-error .form-field-error>span{transform:translateY(0);opacity:1;transition:transform var(--duration-fast) var(--ease-enter),opacity var(--duration-fast) var(--ease-enter)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-h);font-family:var(--font-ui);font-size:var(--type-1x);line-height:var(--leading-2x);font-weight:700;font-feature-settings:var(--ot-display);letter-spacing:var(--tracking-ui);text-transform:uppercase;text-decoration:none;padding-inline:var(--space-2x);border-radius:var(--radius-q);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--duration-standard) var(--ease-shift),color var(--duration-standard) var(--ease-shift),border-color var(--duration-standard) var(--ease-shift),box-shadow var(--duration-standard) var(--ease-shift)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent);box-shadow:var(--shadow-btn)}.btn--primary:hover{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text);box-shadow:var(--shadow-btn-hover)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-btn)}.btn--ghost{background-color:transparent;color:var(--color-text-weak);border-color:transparent}.btn--ghost:hover{color:var(--color-text);background-color:var(--color-surface)}.btn--destructive{background-color:var(--color-error);color:var(--color-text-knockout);border-color:var(--color-error);box-shadow:var(--shadow-btn)}.btn--destructive:hover{background-color:var(--color-error-hover);border-color:var(--color-error-hover);box-shadow:var(--shadow-btn-hover)}.btn--sm{font-size:var(--type-caption);line-height:var(--leading-1x);padding-inline:var(--space-1x)}.form-status{margin-top:var(--space-2x);font-family:var(--font-body);font-size:var(--type-1x);line-height:var(--leading-1x)}.form-status--success{color:var(--color-text)}.form-status--error{color:var(--color-error)}.form-success{margin-top:var(--space-2x)}.form-success__head{margin-top:0}@keyframes cf-sending{to{opacity:.55}}.btn.is-sending{animation:cf-sending var(--duration-slow) var(--ease-in-out) infinite alternate}@media(prefers-reduced-motion:reduce){.btn.is-sending{animation:none}}.form-actions{display:flex;align-items:center;gap:var(--space-1x);flex-wrap:wrap;margin-top:var(--space-1x)}.form-row{display:grid;grid-template-columns:repeat(var(--form-row-cols, 2),1fr);column-gap:var(--space-1x);margin-top:0}.form-row:first-child{margin-top:0}.form-row>.form-field{margin-top:0}@media(max-width:416px){.form-row{grid-template-columns:1fr;row-gap:0}.form-textarea{min-height:var(--space-6x)}}
