.wf{--wf-rule:#2a3452;--wf-line:#3a4566;--wf-label:#979dab;--wf-ink:#c4cad8;--wf-hint:#6c7590;--wf-error:#ff9aa6;--wf-pad:32px;background:var(--ink);min-width:0;color:var(--paper);flex-direction:column;display:flex}.wf :where(h2,p){font-weight:inherit;margin:0}.wf :focus-visible{outline-offset:2px;outline:1px dashed #fff}.wf__head{padding:28px var(--wf-pad) 24px;border-bottom:1px solid var(--wf-rule);flex-direction:column;gap:8px;display:flex}.wf__head h2{font-family:var(--display);letter-spacing:-.03em;font-size:28px;font-weight:500;line-height:32px}.wf__head p{color:var(--wf-ink);font-size:15px;line-height:22px}.wf__fields{padding:24px var(--wf-pad) 28px;flex-direction:column;gap:18px;display:flex}.wf__row{gap:12px;display:flex}.wf__field{flex-direction:column;flex:1 1 0;gap:8px;min-width:0;display:flex}.wf__field label{font-family:var(--mono);font-weight:700;font-size:var(--mono-size);letter-spacing:1.4px;text-transform:uppercase;color:var(--wf-label);line-height:14px}.wf__field label span{color:var(--wf-hint)}.wf__field :where(input,textarea){box-sizing:border-box;border:1px solid var(--wf-line);width:100%;color:var(--paper);font-family:var(--sans);background:0 0;border-radius:0;margin:0;padding:0 14px;font-size:15px;font-weight:400;line-height:18px;transition:border-color .2s}.wf__field input{height:44px}.wf__field textarea{resize:vertical;height:88px;padding:12px 14px}.wf__field :where(input,textarea)::placeholder{color:var(--wf-hint);opacity:1}.wf .wf__field :where(input,textarea):focus{border-color:var(--cta);outline:none}.wf .wf__field [aria-invalid=true]{border-color:var(--wf-error)}.wf__hint,.wf__error{font-size:13px;line-height:18px}.wf__hint{color:var(--wf-hint)}.wf__error{color:var(--wf-error)}.wf__foot{padding:22px var(--wf-pad);border-top:1px solid var(--wf-rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;display:flex}.wf__foot>span{color:var(--wf-error);font-size:14px;line-height:18px}.wf__foot .btn{letter-spacing:0;cursor:pointer;border:0;line-height:18px}.wf__foot .btn:disabled{opacity:.6;cursor:progress}.wf__foot .btn:hover,.wf__foot .btn:focus-visible{background:var(--paper);color:var(--cta)}.wf__done{padding:36px var(--wf-pad) 32px;flex-direction:column;align-items:flex-start;gap:14px;display:flex}.wf__done p{color:var(--wf-ink);font-size:16px;line-height:24px}.wf .wf__done-title{font-family:var(--display);letter-spacing:-.03em;color:var(--paper);font-size:30px;font-weight:500;line-height:34px}@media (max-width:960px){.wf{--wf-pad:20px}.wf__row{flex-direction:column;gap:18px}.wf__foot{flex-direction:column;align-items:stretch}.wf__foot .btn{justify-content:center}}
.modal{overscroll-behavior:contain;opacity:0;width:min(640px,100% - 32px);max-width:none;max-height:calc(100dvh - 32px);transition:opacity .25s, translate .25s ease, overlay .25s allow-discrete, display .25s allow-discrete;background:0 0;border:0;margin:auto;padding:0;overflow:auto;translate:0 16px}.modal[open]{opacity:1;translate:0}@starting-style{.modal[open]{opacity:0;translate:0 16px}}.modal::backdrop{transition:background-color .25s, overlay .25s allow-discrete, display .25s allow-discrete;background:#0c153000}.modal[open]::backdrop{background:#0c1530b3}@starting-style{.modal[open]::backdrop{background:#0c153000}}:root:has(.modal[open]){overflow:hidden}.modal__body{border:1px solid #2a3452;display:flex;position:relative;box-shadow:0 24px 64px #0c153059}.modal__body .wf{flex:1}.modal__close{z-index:1;color:#c4cad8;cursor:pointer;background:0 0;border:0;width:40px;height:40px;padding:0;transition:color .2s;position:absolute;top:24px;right:24px}.modal__close:before{content:"";background:currentColor;width:100%;height:100%;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M13 13l14 14M27 13L13 27'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='M13 13l14 14M27 13L13 27'/%3E%3C/svg%3E") 50%/contain no-repeat}.modal__close:hover,.modal__close:focus-visible{color:#fff}.modal__close:focus-visible{outline-offset:-4px;outline:1px dashed #fff}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{transition:none}}