.cf-form{--cf-label-focus:#b9ebd3;--cf-accent:#6dc09d;--cf-accent-soft:#6dc09d59;--cf-accent-glow:#6dc09d80;--cf-sweep-end:#b9ebd3;--cf-error:#fda4af;--cf-field-bg:#ffffff0f;--cf-field-bg-hover:#ffffff14;--cf-field-bg-focus:#ffffff1a;--cf-field-border:#82c9ab40;--cf-field-border-hover:#82c9ab8c}.cf-label{transition:color var(--duration-quick) var(--ease-smooth-out)}.cf-field:focus-within .cf-label{color:var(--cf-label-focus)}.cf-control{transition:transform var(--duration-quick) var(--ease-smooth-out);position:relative}.cf-control:hover{transform:translateY(-1px)}.cf-input{background-color:var(--cf-field-bg);border-color:var(--cf-field-border);transition:background-color var(--duration-quick) var(--ease-smooth-out), border-color var(--duration-quick) var(--ease-smooth-out), box-shadow var(--duration-quick) var(--ease-smooth-out), color var(--duration-quick) var(--ease-smooth-out);display:block}.cf-input:hover{background-color:var(--cf-field-bg-hover);border-color:var(--cf-field-border-hover)}.cf-input:focus{background-color:var(--cf-field-bg-focus);border-color:var(--cf-accent);box-shadow:0 0 0 3px var(--cf-accent-soft), 0 12px 28px -14px var(--cf-accent-glow)}.cf-sweep{background:linear-gradient(90deg, var(--cf-accent), var(--cf-sweep-end));transform-origin:0;height:2px;transition:transform var(--duration-fast) var(--ease-smooth-out);pointer-events:none;border-radius:2px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(0)}.cf-control:focus-within .cf-sweep{transform:scaleX(1)}.cf-control[data-invalid=true] .cf-input{border-color:var(--cf-error)}.cf-control[data-invalid=true] .cf-sweep{background:var(--cf-error);transform:scaleX(1)}@keyframes cf-shake{0%,to{translate:0}20%{translate:-8px}40%{translate:6px}60%{translate:-4px}80%{translate:2px}}.cf-control.is-shaking{animation:cf-shake .4s var(--ease-smooth-out)}@keyframes cf-error-in{0%{opacity:0;transform:translateY(-4px)}}.cf-error{animation:cf-error-in var(--duration-fast) var(--ease-smooth-out)}.cf-submit{transition:background-color var(--duration-quick) var(--ease-smooth-out), color var(--duration-quick) var(--ease-smooth-out), border-color var(--duration-quick) var(--ease-smooth-out), box-shadow var(--duration-quick) var(--ease-smooth-out), transform var(--duration-quick) var(--ease-smooth-out)}.cf-submit:hover:not(:disabled),.cf-submit:focus-visible:not(:disabled){transform:translateY(-2px)}.cf-submit:active:not(:disabled){transform:translateY(0)scale(.98)}.cf-submit[data-state=sending]:disabled{opacity:1;cursor:progress}.cf-submit-icon{transition:transform var(--duration-fast) var(--ease-smooth-out)}.cf-submit:hover:not(:disabled) .cf-submit-icon,.cf-submit:focus-visible:not(:disabled) .cf-submit-icon{transform:translate(3px,-3px)rotate(-6deg)}@keyframes cf-swap-in{0%{opacity:0;transform:translateY(4px)}}.cf-submit-content{animation:cf-swap-in var(--duration-quick) var(--ease-smooth-out);align-items:center;gap:10px;display:inline-flex}@keyframes cf-spin{to{rotate:360deg}}.cf-spinner{animation:.8s linear infinite cf-spin}@keyframes cf-draw{to{stroke-dashoffset:0}}.cf-check path{stroke-dasharray:1;stroke-dashoffset:1px;animation:cf-draw var(--duration-very-slow) var(--ease-smooth-out) 80ms forwards}@media (prefers-reduced-motion:reduce){.cf-control,.cf-control:hover,.cf-submit:hover:not(:disabled),.cf-submit:focus-visible:not(:disabled),.cf-submit:active:not(:disabled),.cf-submit:hover:not(:disabled) .cf-submit-icon,.cf-submit:focus-visible:not(:disabled) .cf-submit-icon{transform:none}.cf-sweep{transition:none}.cf-control.is-shaking,.cf-error,.cf-submit-content,.cf-spinner{animation:none}.cf-check path{stroke-dashoffset:0;animation:none}}
