.payment-backdrop { position:absolute; inset:0; z-index:95; background:rgba(1,9,17,.84); backdrop-filter:blur(16px); display:grid; place-items:center; }
.payment-backdrop[hidden] { display:none; }
.payment-dialog { position:relative; width:740px; max-height:94%; overflow:auto; padding:58px 70px 40px; text-align:center; color:#eaf9ff; background:linear-gradient(150deg,#132c3d,#081824 75%); border:1px solid #37576b; border-radius:32px; box-shadow:0 30px 100px #0008; }
.payment-dialog h2 { font-size:42px; margin:14px 0; font-weight:600; }
.payment-brand { color:#85dcee; font-size:24px; letter-spacing:3px; }
.payment-description { color:#9cb7c6; font-size:24px; margin:0 0 22px; }
.payment-close { position:absolute; top:18px; right:24px; width:54px; height:54px; background:transparent; border:0; color:#b2c9d6; font:40px/1 sans-serif; cursor:pointer; }
.payment-plan-list { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.payment-plan-list button { border:1px solid #3a5365; border-radius:10px; padding:13px 22px; background:#112532; color:#b6ceda; font:inherit; font-size:22px; cursor:pointer; }
.payment-plan-list button.selected { color:#c8f7ff; border-color:#8bd8ec; background:#1a3c4c; }
.payment-price { display:flex; align-items:baseline; justify-content:center; gap:10px; margin:24px 0; }
.payment-price small { font-size:30px; color:#a5e8f4; }.payment-price strong { font-size:68px; font-weight:600; letter-spacing:-2px; font-variant-numeric:tabular-nums; }
.payment-price>span { color:#a7c0ce; font-size:24px; }
.payment-qr { display:grid; place-items:center; width:310px; height:310px; margin:0 auto; padding:14px; background:#fff; border-radius:16px; color:#17374b; font-size:27px; }
.payment-qr svg { width:100%; height:100%; }.payment-status { min-height:56px; font-size:25px; line-height:1.6; margin:24px 0 6px; }
.payment-mode { display:block; color:#f3c583; font-size:21px; margin-bottom:12px; }
.payment-test,.payment-retry { padding:17px 25px; margin:8px auto; border:1px solid #77cde3; background:#a2e8f4; color:#092333; border-radius:12px; font:inherit; font-size:24px; cursor:pointer; }
.payment-assurance { display:flex; justify-content:center; gap:24px; margin-top:24px; color:#9cb9c8; font-size:20px; }.payment-order { color:#6f8b9c; font:17px/1.5 monospace; word-break:break-all; }
.payment-dialog [hidden] { display:none!important; }.payment-dialog button:focus-visible { outline:3px solid #a7f2ff; outline-offset:5px; }
.experience-countdown { position:absolute; z-index:10; top:110px; left:34px; padding:15px 24px; border:1px solid #567b8a; border-radius:60px; background:#09202de6; color:#c4f5ff; font:600 27px/1.1 'Segoe UI',sans-serif; font-variant-numeric:tabular-nums; }
.experience-countdown[hidden] { display:none; }.experience-countdown.ending-soon { color:#ffcf9b; border-color:#b58754; }
@media (prefers-reduced-motion:reduce) { .payment-backdrop { backdrop-filter:none; } }