.payment-overlay[hidden]{display:none}
.payment-overlay{position:absolute;inset:54px 0 82px;z-index:50;display:flex;align-items:flex-end}
.payment-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.payment-sheet{position:relative;width:100%;padding:36px 21px 18px;border:1px solid rgba(198,210,243,.27);border-bottom:0;border-radius:30px 30px 0 0;background:radial-gradient(ellipse at 30% 0%,#36467366,transparent 75%),linear-gradient(145deg,#26345b,#192454 80%);box-shadow:0 -12px 40px #0004;color:#f8f8ff}
.payment-handle{position:absolute;top:10px;left:calc(50% - 15px);width:30px;height:3px;border-radius:4px;background:#69739488}
.payment-sheet .ui-h3{margin:0 25px 22px;text-align:center;font:300 27px/1.2 var(--font-display);letter-spacing:-.5px}
.payment-sheet .wallet{display:flex;align-items:center;justify-content:center;gap:4px;height:47px;margin:0 0 8px;border:0;border-radius:999px;font:600 16px/1 var(--font-body);cursor:pointer}
.payment-sheet .google-payment{background:#fff;color:#555}
.google-g{font:bold 22px Arial;background:conic-gradient(#4285f4 0 25%,#34a853 25% 45%,#fbbc05 45% 65%,#ea4335 65% 80%,#4285f4 80%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-left:2px}
.google-pay-word{font:400 18px Arial;color:#666}
.payment-sheet .amazon-payment{flex-direction:column;gap:3px;background:#ffdf00;color:#101010;font-size:14px}
.amazon-word{position:relative;font:bold 18px Arial;letter-spacing:-1px}
.amazon-word:after{content:'';position:absolute;left:8px;right:1px;bottom:-3px;height:5px;border-bottom:2px solid #111;border-radius:0 0 60% 60%}
.amazon-payment small{font:600 10px/1.1 Arial}
.payment-sheet .link-payment{gap:12px;background:#00d37f;color:#001f16;font-weight:400}
.link-word{font:bold 20px Arial;letter-spacing:-.7px}
.link-word i{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#003e2a;color:#00d37f;font:normal bold 24px/1 Arial;vertical-align:-1px}
.saved-card{display:flex;align-items:center;gap:7px;border-left:1px solid #005f4360;padding-left:11px;font:500 16px Arial}
.saved-card b{padding:4px 3px;background:#0072b7;color:white;font:italic bold 9px Arial}
.payment-divider{display:flex;align-items:center;gap:11px;margin:14px 0;color:#9da5bf;font:12px/1 var(--font-body)}
.payment-divider:before,.payment-divider:after{content:'';height:1px;flex:1;background:#8a96be35}
.payment-sheet .card-payment{height:47px;margin-bottom:0;background:#ffffff12;border:1px solid #a4b1d459;color:#f8f8ff;font-size:14px}
.payment-close{position:absolute;right:12px;top:12px;width:29px;height:29px;border:1px solid #a4b1d433;border-radius:50%;background:#ffffff0a;color:#b1b9d0;font:22px/1 Arial;cursor:pointer}
.payment-footer{margin:14px 0 0;text-align:center;color:#939fbe;font:12px/1.4 var(--font-body)}
.stripe-badge{position:absolute;bottom:8px;right:9px;display:flex;align-items:center;gap:14px;padding:10px 13px;border-radius:13px;background:#181c26;color:white;font:bold 16px/1 Arial;box-shadow:0 2px 8px #0003}
.stripe-badge span{font-size:24px;line-height:12px;font-weight:400;color:#abb1c2}
.email-account>.ui-label{margin-bottom:16px}
.email-account>.ui-body{margin-bottom:30px}
.email-account .ui-body-sm{margin-top:10px}
.email-account .email-support{text-align:center;margin:20px 0 0}
.email-support a{color:inherit;text-underline-offset:3px}
#email-error{color:#ffc7d4}
.payment-sheet button:focus-visible{outline:2px solid #fff;outline-offset:3px}