:root{--payment-navy:#071d2b;--payment-aqua:#21bdb5;--payment-paper:#fbfaf6;--payment-gold:#c5a45d}.checkout-dialog{width:min(560px,calc(100vw - 28px));padding:34px;border:1px solid rgba(84,221,211,.3);border-radius:28px;background:linear-gradient(180deg,#fff,#f6fbfa);box-shadow:0 34px 90px rgba(1,17,27,.34);text-align:right}.checkout-shield{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border:1px solid #a7e4df;border-radius:18px;background:#e7faf7;color:#087f7e;font-size:25px}.checkout-eyebrow{display:block;color:#087f7e;font-size:11px;font-weight:900;letter-spacing:1.5px}.checkout-dialog h2{margin:5px 0 7px;color:var(--payment-navy);font:800 clamp(29px,5vw,38px)/1.2 "Frank Ruhl Libre",serif}.checkout-dialog>p{margin:0 0 20px;color:#607785;line-height:1.7}.checkout-summary{display:grid;gap:0;margin:0 0 18px;padding:0;border:1px solid #dce9e7;border-radius:18px;overflow:hidden;background:#fff}.checkout-summary>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid #e7efee}.checkout-summary>div:last-child{border-bottom:0}.checkout-summary dt{color:#6d808a;font-size:13px;font-weight:700}.checkout-summary dd{margin:0;color:#193b49;font-weight:900}.checkout-summary .checkout-total{background:#082737;color:#fff}.checkout-summary .checkout-total dt{color:#cce8e7}.checkout-summary .checkout-total dd{color:#71f1e8;font-size:22px}.checkout-recurring-note{display:flex;align-items:flex-start;gap:12px;margin:-2px 0 18px;padding:15px 16px;border:1px solid #c9e8e4;border-radius:16px;background:#eafaf7;color:#315661;line-height:1.55}.checkout-recurring-note[hidden]{display:none}.checkout-recurring-note>i{margin-top:3px;color:#0b9791}.checkout-recurring-note strong,.checkout-recurring-note span{display:block}.checkout-recurring-note strong{color:#073f4b}.checkout-recurring-note span{margin-top:2px;font-size:13px}.checkout-customer{display:grid;grid-template-columns:1fr auto;gap:4px 18px;margin-bottom:16px;padding:14px 16px;border-radius:16px;background:#eef5f5;color:#284754}.checkout-customer strong{grid-row:1/3;align-self:center;color:#0b3444}.checkout-customer span{text-align:left;overflow-wrap:anywhere}.checkout-dialog .field small{display:block;margin-top:6px;color:#72868f;font-size:12px}.checkout-security-note{display:flex;align-items:flex-start;gap:10px;margin:14px 0;padding:13px 14px;border:1px solid #d2e7e4;border-radius:14px;background:#f8fcfb;color:#4d6871;font-size:12px;line-height:1.65}.checkout-security-note i{margin-top:3px;color:#0f9e98}.checkout-submit{min-height:52px}.checkout-submit:disabled{cursor:wait;filter:saturate(.45);opacity:.72}.cancel-subscription-dialog{width:min(510px,calc(100vw - 28px));padding:34px;border:1px solid #d8e7e6;border-radius:26px;background:#fff;text-align:right}.cancel-subscription-icon{display:grid;place-items:center;width:55px;height:55px;margin-bottom:14px;border-radius:17px;background:#e7f7f5;color:#087f7e;font-size:23px}.cancel-subscription-dialog p{margin:0;color:#566f7a;line-height:1.75}.cancel-subscription-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.cancel-subscription-actions button{min-height:44px;padding:9px 16px;border-radius:12px;font-weight:900}.cancel-subscription-actions #keepSubscription{border:1px solid #cfdddf;background:#fff;color:#34515d}.cancel-subscription-actions #confirmCancelSubscription{border:1px solid #d98d87;background:#fff3f2;color:#9e2d25}.cancel-subscription-actions #confirmCancelSubscription:disabled{cursor:wait;opacity:.65}
.payment-result-page{min-height:100dvh;margin:0;background:radial-gradient(circle at 80% 10%,rgba(31,189,181,.2),transparent 32%),linear-gradient(145deg,#03101a,#0a2f3d);color:#163141;font-family:Heebo,Arial,sans-serif}.payment-result-shell{display:grid;place-items:center;min-height:100dvh;padding:28px}.payment-result-card{width:min(650px,100%);padding:clamp(26px,5vw,52px);border:1px solid rgba(92,226,216,.4);border-radius:32px;background:var(--payment-paper);box-shadow:0 40px 100px rgba(0,0,0,.38);text-align:center}.payment-result-logo{display:block;width:min(230px,60vw);height:82px;margin:0 auto 18px;object-fit:contain}.payment-result-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;border-radius:24px;background:#e2f8f4;color:#0c968e;font-size:34px;box-shadow:0 12px 30px rgba(15,142,137,.16)}.payment-result-card[data-state="failed"] .payment-result-icon{background:#fdebea;color:#b33c3c}.payment-result-card h1{margin:0;color:#082a3b;font:800 clamp(31px,6vw,46px)/1.18 "Frank Ruhl Libre",serif}.payment-result-card>p{margin:12px auto 23px;max-width:520px;color:#627884;line-height:1.8}.payment-result-dots{display:flex;justify-content:center;gap:8px;margin:20px}.payment-result-dots i{width:9px;height:9px;border-radius:50%;background:#27bdb5;animation:paymentDot 1s ease-in-out infinite}.payment-result-dots i:nth-child(2){animation-delay:.15s}.payment-result-dots i:nth-child(3){animation-delay:.3s}@keyframes paymentDot{50%{transform:translateY(-7px);opacity:.5}}.payment-result-details{display:grid;gap:10px;margin:20px 0;padding:17px;border-radius:18px;background:#eef5f4;text-align:right}.payment-result-details div{display:flex;justify-content:space-between;gap:15px}.payment-result-details span{color:#6c7e86}.payment-result-details strong{color:#133849}.payment-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.payment-result-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:14px;background:#0a8f8c;color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.payment-result-action.secondary{border:1px solid #cbdedd;background:#fff;color:#173d4d}.payment-result-receipt{display:inline-flex;margin-top:16px;color:#087e7c;font-weight:800}.payment-result-card[data-state="paid"] .payment-result-dots,.payment-result-card[data-state="failed"] .payment-result-dots{display:none}
@media(max-width:600px){.checkout-dialog{padding:25px 18px;border-radius:22px}.checkout-customer{grid-template-columns:1fr}.checkout-customer strong{grid-row:auto}.checkout-customer span{text-align:right}.payment-result-shell{padding:14px}.payment-result-card{padding:27px 18px;border-radius:24px}.payment-result-actions{display:grid}.payment-result-action{width:100%}}@media(prefers-reduced-motion:reduce){.payment-result-dots i{animation:none}}