.checkbox__row{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex;position:relative}.checkbox__native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkbox__box{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-bg);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s;display:inline-flex}.checkbox__box svg{opacity:0;width:16px;height:16px;transition:opacity var(--dur-1) ease, scale var(--dur-2) var(--ease-out-quart);scale:.6}.checkbox__native:checked+.checkbox__box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox__native:checked+.checkbox__box svg{opacity:1;scale:1}.checkbox__native:focus-visible+.checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__label{color:var(--color-text-body);font-size:14px;font-weight:500;line-height:20px}.checkbox--error .checkbox__box{border:2px solid var(--color-error)}.checkbox__help{color:var(--color-error);font-size:14px;font-weight:500;line-height:18px}@media (prefers-reduced-motion:reduce){.checkbox__box,.checkbox__box svg{transition:none}}
.form-field{min-width:0;scroll-margin-top:calc(var(--nav-height) + 24px);flex-direction:column;gap:8px;display:flex}.form-field__label{color:var(--color-text-strong);font-size:14px;font-weight:800;line-height:18px;transition:color .15s}.form-field__control{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-icon);align-items:center;gap:12px;height:56px;padding:0 20px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.form-field__native{min-width:0;height:100%;font:500 16px/20px var(--sans);color:var(--color-text-strong);caret-color:var(--color-primary);appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0}.form-field__native::placeholder{color:var(--color-text-muted)}.form-field--area .form-field__control{flex-direction:column;align-items:stretch;gap:8px;height:160px;padding:16px 20px}.form-field__native--area{resize:none;height:auto;line-height:24px}.form-field__native--select{cursor:pointer}.form-field__counter{color:var(--color-text);align-self:flex-end;font-size:12px;font-weight:800;line-height:15px}.form-field__chevron,.form-field__alert{pointer-events:none;flex-shrink:0;width:22px;height:22px}.form-field__chevron{color:var(--color-text)}.form-field__alert{color:var(--color-error)}.form-field--area .form-field__alert{position:absolute;top:16px;right:16px}.form-field--error.form-field--area .form-field__native{padding-right:32px}.form-field__help{color:var(--color-text);font-size:14px;font-weight:500;line-height:18px}.form-field__control:focus-within{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary)}.form-field:focus-within .form-field__label{color:var(--color-primary)}.form-field--error .form-field__control,.form-field--error .form-field__control:focus-within{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.form-field--error:focus-within .form-field__label{color:var(--color-text-strong)}.form-field--error .form-field__help{color:var(--color-error)}@media (max-width:560px){.form-field__control{padding:0 16px}.form-field--area .form-field__control{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.form-field__label,.form-field__control{transition:none}}
.success-state.card{text-align:center;scroll-margin-top:calc(var(--nav-height) + 16px);animation:success-fade var(--dur-3) var(--ease-out-quart) both;align-items:center;padding-top:48px}.success-state__art{width:360px;height:240px;animation:success-cluster var(--dur-3) var(--ease-out-quart) both;flex-shrink:0;position:relative}.success-state__art>*{position:absolute}.success-state__ring{border:2px solid var(--color-primary-tint);border-radius:var(--radius-full);width:220px;height:220px;top:10px;left:70px}.success-state__disc{background:var(--color-primary);border-radius:var(--radius-full);width:160px;height:160px;top:40px;left:100px}.success-state__check{background:var(--color-bg);border-radius:var(--radius-full);width:88px;height:88px;color:var(--color-primary);animation:success-check .36s var(--ease-out-quint) .14s both;justify-content:center;align-items:center;display:flex;top:76px;left:136px}.success-state__check svg{width:44px;height:44px}.success-state__dot--yellow{background:var(--color-highlight);border-radius:var(--radius-full);width:44px;height:44px;top:26px;left:236px}.success-state__tile--send{top:44px;left:12px;rotate:-4deg}.success-state__tile--send.icon-tile--64{border-radius:var(--radius-lg)}.success-state__tile--send svg{width:30px;height:30px}.success-state__tile--mail{top:150px;left:284px;rotate:12deg}.success-state__tile--mail svg{width:26px;height:26px}.success-state__confetti{border-radius:var(--radius-full)}.success-state__confetti--1{background:var(--color-highlight);width:12px;height:12px;top:176px;left:60px}.success-state__confetti--2{background:var(--color-primary);width:8px;height:8px;top:90px;left:310px}.success-state__confetti--3{background:var(--color-text-strong);width:8px;height:8px;top:128px;left:40px}.success-state__copy{flex-direction:column;align-items:center;gap:12px;max-width:480px;display:flex}.success-state__title{color:var(--color-text-strong);outline:none}.success-state__body{color:var(--color-text-body)}.success-state__copy,.success-state__receipt,.success-state__actions{animation:success-rise var(--dur-3) var(--ease-out-quart) both}.success-state__copy{animation-delay:80ms}.success-state__receipt{animation-delay:.16s}.success-state__actions{animation-delay:.24s}.success-state__receipt{text-align:left}.success-state__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@keyframes success-fade{0%{opacity:0}}@keyframes success-cluster{0%{opacity:0;scale:.96}}@keyframes success-check{0%{opacity:0;scale:.6}70%{opacity:1;scale:1.06}to{scale:1}}@keyframes success-rise{0%{opacity:0;translate:0 8px}}@media (max-width:560px){.success-state.card{gap:24px;padding:32px 20px 24px}.success-state__art{zoom:.8}.success-state__actions{flex-direction:column;align-self:stretch}}@media (prefers-reduced-motion:reduce){.success-state.card,.success-state__art,.success-state__check,.success-state__copy,.success-state__receipt,.success-state__actions{animation:none}}