.demo-form .cf-label{letter-spacing:.01em;color:var(--paper);margin-bottom:.4rem;font-size:.82rem;font-weight:500;display:block}.demo-form .cf-req{color:var(--accent);margin-left:.15rem}.demo-form .cf-input,.demo-form .cf-select,.demo-form .cf-textarea{background:var(--ink-1);width:100%;color:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.7rem .85rem;font-size:1rem;line-height:1.5;transition:border-color .18s,box-shadow .22s,transform .22s,background-color .22s}.demo-form .cf-textarea{resize:vertical;min-height:8.5rem}.demo-form .cf-input::placeholder,.demo-form .cf-textarea::placeholder{color:var(--fog-1);opacity:1}.demo-form .cf-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--fog-1) 50%), linear-gradient(135deg, var(--fog-1) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.25rem}.demo-form .cf-input:hover,.demo-form .cf-select:hover,.demo-form .cf-textarea:hover{border-color:var(--fog-2);background:color-mix(in oklab, var(--ink-1) 88%, var(--paper))}.demo-form .cf-input:focus-visible,.demo-form .cf-select:focus-visible,.demo-form .cf-textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 16%, transparent);transform:translateY(-1px)}.demo-form .cf-input[aria-invalid=true],.demo-form .cf-select[aria-invalid=true],.demo-form .cf-textarea[aria-invalid=true]{border-color:var(--danger)}.demo-form .cf-error{color:var(--danger);margin-top:.4rem;font-size:.8rem;line-height:1.4;display:block}.demo-form .cf-consent{grid-template-columns:auto 1fr;align-items:start;gap:.7rem;display:grid}.demo-form .cf-checkbox{width:1.15rem;height:1.15rem;accent-color:var(--accent);flex:none;margin-top:.15rem}.demo-form .cf-consent-label{color:var(--fog-1);font-size:.9rem;line-height:1.55}.demo-form .cf-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.demo-form .cf-grid{grid-template-columns:1fr;gap:1.1rem;display:grid}@media (min-width:640px){.demo-form .cf-grid-2{grid-template-columns:1fr 1fr}}.demo-form .cf-submit{box-shadow:0 0 0 1px var(--accent), 0 8px 24px -14px var(--accent-glow)}.demo-form .cf-submit:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent), 0 14px 34px -12px var(--accent-glow);transform:translateY(-2px)}.demo-form .cf-submit:active:not(:disabled){transform:translateY(0)}@keyframes cf-pop{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cf-pop{animation:.42s cubic-bezier(.16,1,.3,1) both cf-pop}