.payment-body{background:#f4f7f3;min-height:100vh}.pay-nav{height:69px;border-bottom:1px solid #e4ebe3;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100% - 1080px)/2))}.pay-nav .app-brand{padding:0}.pay-back{color:#718075;text-decoration:none;font-size:12px}.pay-back:hover{color:#345f3f}.checkout-layout{width:min(990px,calc(100% - 48px));margin:42px auto 55px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(35px,7vw,82px);animation:screen-in .4s ease both}.checkout-left{padding-top:8px}.checkout-step{display:flex;align-items:center;gap:10px;color:#47734d;font-size:11px}.checkout-step span{width:25px;height:25px;background:#e7f1e2;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:750}.checkout-step i{height:1px;width:35px;background:#c9d8c4}.checkout-step b{font-weight:700}.checkout-heading{margin:27px 0 23px}.checkout-eyebrow{display:flex;align-items:center;gap:6px;color:#8d9b8c;font-size:9px;font-weight:750;letter-spacing:.12em}.checkout-eyebrow i{width:6px;height:6px;border-radius:50%;background:#78b065}.checkout-heading h1{font:800 clamp(34px,4.1vw,48px)/1.06 Manrope,sans-serif;letter-spacing:-1.8px;margin:13px 0 9px}.checkout-heading p{max-width:430px;margin:0;color:#7b897e;font-size:12px;line-height:1.65}.payment-form{display:grid;gap:12px}.pay-field{display:grid;gap:5px;min-width:0}.pay-field label{font-size:10px;color:#54665a;font-weight:700}.pay-field input{width:100%;height:41px;border:1px solid #dde5dc;background:#fff;border-radius:7px;padding:0 11px;outline:0;color:#273b2d;font-size:12px;transition:border-color .17s,box-shadow .17s}.pay-field input::placeholder{color:#b1bab1}.pay-field input:focus{border-color:#83a976;box-shadow:0 0 0 3px #83a9761c}.pay-field input.invalid{border-color:#d78972;background:#fffaf8}.pay-field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.card-number-wrap,.cvc-wrap{position:relative}.card-number-wrap input{padding-right:41px}.card-symbol{position:absolute;right:12px;top:12px;color:#779176;font-size:13px}.cvc-wrap input{padding-right:37px}.cvc-wrap span{position:absolute;right:11px;top:10px;width:19px;height:19px;border:1px solid #dce4dc;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#849087}.field-error{min-height:0;color:#bf6b56;font-size:9px}.field-error:not(:empty){min-height:12px}.pay-security{display:flex;align-items:center;gap:7px;color:#89978c;font-size:9px;margin:2px 0 0}.pay-security span{color:#78a36c;font-size:14px}.pay-actions{margin-top:3px}.pay-submit{height:46px;width:100%;border:0;border-radius:7px;background:#23543d;color:#fff;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;transition:.2s}.pay-submit:hover{background:#32704d;transform:translateY(-1px)}.pay-submit:disabled{opacity:.7;cursor:wait;transform:none}.pay-submit b{font:700 12px Manrope,sans-serif}.order-side{padding-top:54px}.order-card{background:#fff;border:1px solid #e2e9e1;border-radius:12px;padding:19px;box-shadow:0 12px 32px #193b2410}.order-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;font-weight:750;color:#98a298}.order-check{width:20px;height:20px;border-radius:50%;background:#e8f3e2;color:#5e8c50;display:grid;place-items:center;font-size:10px}.plan-mark{margin-top:18px;width:39px;height:39px;background:#194a35;color:#c5f17c;border-radius:11px;display:grid;place-items:center;font:800 21px Manrope,sans-serif}.order-card h2{font:800 19px Manrope,sans-serif;margin:12px 0 4px}.order-card>p{font-size:10px;color:#88948a;margin:0}.order-price{display:flex;align-items:baseline;gap:6px;margin-top:18px}.order-price b{font:800 23px Manrope,sans-serif;letter-spacing:-.5px}.order-price span{font-size:10px;color:#89958b}.order-rule{height:1px;background:#edf0ec;margin:17px 0}.order-includes>b{font-size:10px}.order-includes>div{font-size:10px;color:#6d7d70;margin-top:10px}.order-includes>div:first-letter{color:#74a060}.order-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ec;margin-top:19px;padding-top:14px;font-size:10px;color:#718076}.order-foot>b{font:750 14px Manrope,sans-serif;color:#263c2c}.order-help{font-size:9px;color:#94a096;margin-top:13px;text-align:center}.order-help a{color:#60835b;text-underline-offset:2px}.payment-success{min-height:calc(100vh - 69px);padding:60px 20px 50px;display:flex;align-items:center;flex-direction:column;position:relative;overflow:hidden;text-align:center;animation:screen-in .45s ease both}.payment-success[hidden]{display:none}.success-check{height:65px;width:65px;border-radius:50%;background:#e3f2db;display:grid;place-items:center;color:#48814a;margin:12px auto 17px;animation:success-pop .55s cubic-bezier(.2,.9,.35,1.3) both}.success-check svg{width:39px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:45;stroke-dashoffset:45;animation:check-draw .5s .25s ease forwards}@keyframes success-pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes check-draw{to{stroke-dashoffset:0}}.success-eyebrow{color:#709369;font-size:9px;font-weight:750;letter-spacing:.13em}.payment-success h1{font:800 31px Manrope,sans-serif;letter-spacing:-1.2px;margin:10px 0 7px}.success-intro{max-width:410px;color:#849087;font-size:12px;line-height:1.6;margin:0 auto 22px}.receipt{width:min(390px,100%);background:#fff;border:1px solid #e2e9e1;border-radius:10px;padding:5px 15px;text-align:left;box-shadow:0 8px 25px #17352208}.receipt>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #f0f2ef;font-size:10px}.receipt>div:last-child{border:0}.receipt>div span{color:#8d998f}.receipt>div b{font-weight:650;text-align:right}.receipt>div:nth-child(1) b{color:#609050}.receipt>div:nth-child(1) b i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83bb6b;margin-right:5px}.success-return{margin-top:19px;background:#23543d;color:#fff;text-decoration:none;border-radius:7px;padding:12px 25px;font-size:11px;font-weight:700;transition:.2s}.success-return:hover{background:#32704d;transform:translateY(-1px)}.success-secondary{color:#718276;font-size:10px;margin-top:12px}.success-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.success-confetti i{position:absolute;top:-10px;left:calc(var(--i)*6.5%);width:6px;height:11px;border-radius:2px;background:var(--confetti);animation:confetti-fall 2.8s ease-in both;animation-delay:var(--delay)}.success-confetti i:nth-child(1){--i:1;--confetti:#9bd47c;--delay:.15s}.success-confetti i:nth-child(2){--i:5;--confetti:#a8c5ea;--delay:.3s}.success-confetti i:nth-child(3){--i:12;--confetti:#e7b279;--delay:.05s}.success-confetti i:nth-child(4){--i:19;--confetti:#b9a3df;--delay:.4s}.success-confetti i:nth-child(5){--i:25;--confetti:#9bd47c;--delay:.2s}.success-confetti i:nth-child(6){--i:32;--confetti:#e7b279;--delay:.55s}.success-confetti i:nth-child(7){--i:40;--confetti:#a8c5ea;--delay:.15s}.success-confetti i:nth-child(8){--i:48;--confetti:#b9a3df;--delay:.32s}.success-confetti i:nth-child(9){--i:56;--confetti:#9bd47c;--delay:.18s}.success-confetti i:nth-child(10){--i:64;--confetti:#e7b279;--delay:.47s}.success-confetti i:nth-child(11){--i:73;--confetti:#a8c5ea;--delay:.1s}.success-confetti i:nth-child(12){--i:83;--confetti:#9bd47c;--delay:.36s}@keyframes confetti-fall{0%{transform:translateY(-15px) rotate(0);opacity:0}12%{opacity:.8}100%{transform:translateY(100vh) rotate(440deg);opacity:0}}.processing-layer{position:fixed;inset:0;z-index:10;background:#14231c68;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.processing-layer[hidden]{display:none}.processing-card{width:min(360px,100%);background:#fff;border-radius:13px;padding:26px;text-align:center;box-shadow:0 20px 60px #10271930;animation:modal-up .25s ease}.processing-spinner{width:38px;height:38px;border:3px solid #e6eee2;border-top-color:#528650;border-radius:50%;margin:0 auto 15px;animation:pay-spin .75s linear infinite}@keyframes pay-spin{to{transform:rotate(360deg)}}.processing-card>b{font:750 14px Manrope,sans-serif}.processing-card>p{font-size:10px;line-height:1.5;color:#839086}.processing-track{height:4px;border-radius:4px;background:#edf1eb;overflow:hidden;margin:16px 0 9px}.processing-track i{display:block;height:100%;width:0;background:#8cbe6a;animation:pay-progress 2.25s ease-in-out forwards}@keyframes pay-progress{0%{width:0}35%{width:48%}68%{width:72%}100%{width:100%}}.processing-card small{color:#9aa49c;font-size:9px}@media(max-width:760px){.pay-nav{padding:0 18px;height:60px}.checkout-layout{width:min(520px,calc(100% - 32px));grid-template-columns:1fr;gap:13px;margin:23px auto 32px}.checkout-left{padding-top:0}.checkout-heading{margin:19px 0}.checkout-heading h1{font-size:36px}.order-side{padding-top:0}.order-card{padding:15px}.order-card .order-includes{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.order-card .order-includes>b{grid-column:1/-1}.payment-success{min-height:calc(100vh - 60px);padding-top:42px}}
@media(prefers-reduced-motion:reduce){.payment-success *,.processing-layer *,.success-confetti *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.success-access-note{width:min(390px,100%);margin:-10px auto 20px;padding:11px 14px;border:1px solid #dfebd9;border-radius:8px;background:#f6faf3;color:#557653;font-size:11px;line-height:1.55}
.checkout-legal{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;color:#829186;font-size:12px}.checkout-legal a{color:#54775b;text-decoration:none}.checkout-legal a:hover{text-decoration:underline}.checkout-legal a:focus-visible{outline:2px solid #87ad78;outline-offset:3px}
