.guest-payment-page{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:28px 16px;background:#f7faff;color:#14243b;font-family:Inter,'Segoe UI',Arial,sans-serif}
.payment-box{box-sizing:border-box;width:min(100%,380px);padding:58px 28px 32px;border:1px solid #e3e8ef;border-radius:18px;background:#fff;box-shadow:0 18px 60px -24px #154a903b;text-align:center;color:#14243b;font-family:Inter,'Segoe UI',Arial,sans-serif}
.payment-box *{box-sizing:border-box}.payment-box [hidden],.guest-payment-overlay[hidden],.guest-payment-overlay [hidden]{display:none!important}
.payment-title{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 5px;color:#101828}.payment-hint{font-size:12px;line-height:1.5;color:#536881;margin:0 auto 20px;max-width:290px}
.payment-qr{width:164px;max-width:100%;margin:0 auto 17px;padding:12px;background:#fff;border:1px solid #eef0f3;border-radius:12px}.payment-qr canvas{display:block;width:100%;height:auto}
.payment-supported{font-size:12px;color:#536881;margin:0 0 9px}.payment-apps{display:flex;gap:9px;justify-content:center;margin:0 0 24px}.payment-apps a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:5px;border:1px solid #f0f2f5;border-radius:8px;background:#f8fafc;text-decoration:none;transition:background .15s}.payment-apps img{display:block;width:24px;height:24px;object-fit:contain}.payment-apps span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.payment-apps a:hover{background:#eef4ff}.payment-apps a:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}
.payment-utr{display:grid;gap:10px}.payment-box input,.payment-box button{font:inherit}.payment-utr input{width:100%;min-width:0;min-height:46px;padding:12px 14px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;color:#14243b;font-size:13px}.payment-utr input::placeholder{color:#8291a7}.payment-utr input:focus{outline:0;border-color:#5496f4;box-shadow:0 0 0 3px #e9f2ff}.payment-box button,.guest-payment-retry{min-height:46px;border:0;border-radius:9px;background:#1a73e8;color:#fff;padding:12px 16px;font-size:13px;font-weight:600;cursor:pointer}.payment-box button:hover,.guest-payment-retry:hover{background:#0052cc}.payment-box button:focus-visible,.guest-payment-retry:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.payment-box button:disabled{opacity:.6;cursor:wait}
.payment-message{font-size:12px;line-height:1.5;color:#b42318;margin:14px 0 0;overflow-wrap:anywhere}.expired .payment-apps a{pointer-events:none;opacity:.45}.expired .payment-qr{opacity:.35}
.receipt{text-align:center}.success-tick{width:60px;height:60px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:#ecfdf3;color:#16a34a;font-size:32px}.receipt h1{font-size:22px;margin:0 0 10px}.receipt p{color:#64748b;font-size:13px}.receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;line-height:1.7;font-size:13px;max-height:40vh;overflow:auto}.receipt button{width:100%}.buy-more{display:block;margin-top:16px;color:#0052cc;font-size:13px;text-decoration:none}
.guest-payment-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a9c;font-family:Inter,'Segoe UI',Arial,sans-serif}.guest-payment-shell{box-sizing:border-box;position:relative;width:min(100%,380px);max-height:calc(100svh - 36px);overflow:auto;overscroll-behavior:contain;border-radius:16px;background:#fff;box-shadow:0 24px 80px #0f172a40}.guest-payment-shell .payment-box{width:100%;border:0;border-radius:0;box-shadow:none}.guest-payment-close{position:sticky;top:14px;float:right;margin:14px 12px -44px 0;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:#fff;color:#737b86;font-size:25px;font-weight:400;line-height:1;cursor:pointer}.guest-payment-close:hover{background:#f1f5f9}.guest-payment-close:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px}.guest-payment-loading{text-align:center;padding:80px 24px;color:#536881;font-size:13px}.guest-payment-shell>.payment-message{padding:0 24px 20px}.guest-payment-retry{display:block;width:calc(100% - 48px);margin:0 24px 24px}
@media(max-width:360px){.guest-payment-page{padding:18px 12px}.guest-payment-overlay{padding:12px}.guest-payment-shell{max-height:calc(100svh - 24px)}.payment-box{padding:54px 20px 26px}.payment-title{font-size:17px}}
@media(prefers-reduced-motion:reduce){.payment-apps a{transition:none}}