.payment-is-open{overflow:hidden}.payment-dialog{--ease:cubic-bezier(.16,1,.3,1);width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:36px 34px 28px;border:1px solid #ffffffd9;border-radius:36px;color:#1b2330;background:linear-gradient(155deg,#fff 20%,#fafcff 100%);box-shadow:0 35px 100px #17335324,0 4px 20px #152d4710;text-align:center;overflow-x:hidden;overflow-y:auto;isolation:isolate}.payment-dialog[open]{animation:payment-enter .55s var(--ease) both}.payment-dialog::backdrop{background:#40536a28;backdrop-filter:blur(13px);animation:payment-backdrop .4s ease both}.payment-close{position:absolute;z-index:5;right:18px;top:18px;width:32px;height:32px;border:0;border-radius:50%;background:#edf1f780;color:#95a0af;font-size:23px;font-weight:300;display:grid;place-items:center;line-height:1}.payment-close:hover{background:#e8eef6;color:#53677f}.payment-scene{position:relative;height:207px;width:100%;display:grid;place-items:center}.payment-halo{position:absolute;width:164px;height:164px;border-radius:50%;background:radial-gradient(circle,#edf5ff 5%,#e8f3ff75 55%,#f3f8ff00 73%);animation:payment-breathe 2.4s ease-in-out infinite}.payment-orbit{position:absolute;width:162px;height:162px;border:1px solid #e7eef8;border-radius:50%;transform:rotate(-20deg) scaleX(1.12)}.payment-symbol{position:relative;width:90px;height:90px;border-radius:29px;background:linear-gradient(145deg,#3195ff,#0878f9);box-shadow:0 13px 30px #0878f92b,0 2px 3px #fff9 inset;display:grid;place-items:center;transform:rotate(-7deg);animation:payment-float 2.7s ease-in-out infinite}.payment-symbol svg{width:58px;height:58px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.payment-ring{opacity:.9;stroke-dasharray:49 110;transform-origin:32px 32px;animation:payment-spin 1.2s linear infinite}.payment-check,.payment-arrow{display:none}.payment-word{position:absolute;padding:9px 14px;border:1px solid #e8edf5;border-radius:100px;background:#ffffffed;font-size:13px;letter-spacing:-.2px;color:#7d8da2;box-shadow:0 5px 15px #17335306;animation:payment-word-float 3.4s ease-in-out infinite;z-index:2}.word-one{left:17px;top:55px;transform:rotate(-13deg);--tilt:-13deg}.word-two{right:11px;top:46px;transform:rotate(10deg);--tilt:10deg;animation-delay:-1.1s}.word-three{right:27px;bottom:24px;transform:rotate(-7deg);--tilt:-7deg;animation-delay:-2.2s}.payment-eyebrow{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#8b9bb0;font-weight:550;margin:3px 0 13px}.payment-dialog h2{font-size:40px;font-weight:600;line-height:1.08;letter-spacing:-1.9px;margin:0 0 17px}.payment-copy{font-size:14px;line-height:1.7;color:#8593a7;max-width:315px;margin:0 auto}.payment-benefit{margin:24px 0 0;padding:20px;border:1px solid #e7eef8;border-radius:23px;background:#f5f9ff}.payment-plan{display:inline-block;font-size:11px;font-weight:550;color:#0878f9;background:#e7f1ff;padding:6px 11px;border-radius:100px;margin-bottom:13px}.payment-benefit strong{display:block;font-size:33px;font-weight:600;letter-spacing:-1.1px}.payment-benefit small{display:block;font-size:12px;letter-spacing:0;font-weight:400;color:#7d8fa6;margin-top:6px}.payment-benefit>span:last-child{display:block;font-size:10px;color:#a0aec0;margin-top:17px}.payment-steps{display:flex;align-items:center;justify-content:center;gap:8px;color:#a1adbd;font-size:9px;margin:30px 0 21px}.payment-steps i{height:1px;background:#dfe6ef;width:17px}.payment-steps span:first-child{color:#5689c5}.payment-actions{display:grid;gap:10px;margin:25px 0 16px}.payment-actions .button{gap:35px;box-shadow:0 6px 16px #0878f91a}.payment-text-button{border:0;background:transparent;color:#8b98a9;font-size:12px;padding:8px;border-radius:100px}.payment-footnote{font-size:10px;color:#a2aebe;line-height:1.6;margin:0 auto;max-width:290px}.payment-particles{position:absolute;inset:0;pointer-events:none;display:none}.payment-particles i{position:absolute;left:50%;top:50%;width:6px;height:10px;border-radius:3px;background:var(--color);opacity:0}.payment-dialog[data-state=success] .payment-symbol{background:linear-gradient(145deg,#62cfaa,#28b88b);box-shadow:0 12px 35px #28b88b27,0 2px 3px #fff9 inset;transform:rotate(0);animation:payment-pop .75s var(--ease) both}.payment-dialog[data-state=success] .payment-ring{display:none}.payment-dialog[data-state=success] .payment-check{display:block;stroke-dasharray:39;stroke-dashoffset:39;animation:payment-check .55s .22s ease forwards}.payment-dialog[data-state=success] .payment-particles{display:block}.payment-dialog[data-state=success] .payment-particles i{animation:payment-confetti 1.6s var(--ease) var(--delay) both}.payment-dialog[data-state=success] .payment-word{animation:payment-word-settle .8s var(--ease) both}.payment-dialog[data-state=success] .payment-benefit,.payment-dialog[data-state=success] .payment-actions{animation:payment-rise .65s .15s var(--ease) both}.payment-dialog[data-state=success] .payment-steps{display:none}.payment-dialog[data-state=canceled] .payment-symbol{background:linear-gradient(145deg,#a5b9d6,#839dbf);box-shadow:0 12px 35px #839dbf20;animation:payment-pop .7s var(--ease) both;transform:rotate(0)}.payment-dialog[data-state=canceled] .payment-ring{display:none}.payment-dialog[data-state=canceled] .payment-check{display:block;stroke-dasharray:39;stroke-dashoffset:39;animation:payment-check .5s .2s ease forwards}.payment-dialog[data-state=canceled] .payment-steps{display:none}.payment-dialog[data-state=error] .payment-symbol,.payment-dialog[data-state=pending] .payment-symbol{background:#9cb3d1;box-shadow:0 12px 30px #839dbf20;animation:none}.payment-dialog[data-state=error] .payment-ring{animation:none;stroke-dasharray:none;opacity:.4}.payment-dialog[data-state=opening] .payment-arrow{display:block;opacity:.8}.payment-dialog[data-state=opening] .payment-ring{stroke-width:1.4;opacity:.4}.payment-dialog[data-state=opening] .payment-copy{min-height:48px}
@keyframes payment-enter{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes payment-backdrop{from{opacity:0}to{opacity:1}}@keyframes payment-breathe{50%{opacity:.6;transform:scale(1.16)}}@keyframes payment-float{50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes payment-word-float{50%{transform:translateY(-5px) rotate(var(--tilt))}}@keyframes payment-spin{to{transform:rotate(360deg)}}@keyframes payment-pop{0%{opacity:.5;transform:scale(.78) rotate(-10deg)}55%{transform:scale(1.08) rotate(3deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes payment-check{to{stroke-dashoffset:0}}@keyframes payment-confetti{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}10%{opacity:1}75%{opacity:.7}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--turn)) scale(.7)}}@keyframes payment-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes payment-word-settle{from{opacity:.3;transform:scale(.8) rotate(var(--tilt))}to{opacity:1;transform:scale(1) rotate(var(--tilt))}}
@media(max-width:480px){.payment-dialog{border-radius:31px;padding:30px 25px 25px}.payment-scene{height:185px}.payment-dialog h2{font-size:37px}.payment-benefit{margin-top:21px;padding:18px}.word-one{left:0}.word-two{right:0}.word-three{right:6px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.payment-dialog[open],.payment-dialog::backdrop,.payment-dialog *{animation:none!important;transition:none!important}.payment-dialog[data-state=success] .payment-check,.payment-dialog[data-state=canceled] .payment-check{stroke-dashoffset:0}.payment-particles{display:none!important}}