html.payment-transition-pending{background:#0c0f2b}
html.payment-transition-pending body{overflow:hidden}
html.payment-transition-pending body>*:not(.payment-transition){visibility:hidden}
.payment-transition{position:fixed;inset:0;z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;background:radial-gradient(ellipse at 50% 35%,#302353,#0c0f2b 75%);color:#f7f5ff;font-family:Inter,system-ui,sans-serif;text-align:center}
.payment-transition strong{font-size:1.2rem;line-height:1.4}
.payment-transition p{margin:0;color:#cbc3e4;font-size:1rem;line-height:1.5}
.payment-transition-spinner{width:48px;height:48px;border:3px solid #ffffff25;border-top-color:#d98bdf;border-right-color:#8da4ff;border-radius:50%;animation:payment-transition-spin .9s linear infinite}
@keyframes payment-transition-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.payment-transition-spinner{animation:none}}