.checkout-page{--pay-bg:#0c1120;--pay-border:#273042;--pay-fg:#f2f4fb;--pay-muted:#a5adbd;max-width:1280px;margin:auto;padding:28px 24px 64px;color:var(--pay-fg);font-family:'Be Vietnam Pro',sans-serif;line-height:1.55}.checkout-breadcrumb{display:flex;gap:12px;color:var(--pay-muted);font-size:13px;margin-bottom:22px}
.checkout-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(110deg,#8d51fa,#ea3f9f)!important;border-radius:15px;padding:20px 28px;margin-bottom:28px;color:#fff!important}.checkout-banner h1{font-family:inherit!important;font-size:24px!important;line-height:1.45!important;font-weight:800;margin:0 0 2px;color:#fff!important}.checkout-banner p{font-size:13px;color:#fff!important;opacity:.94;margin:0}.checkout-timer{display:flex;align-items:center;gap:12px;flex-shrink:0;border-radius:12px;background:#0b1122;padding:14px 18px;color:#b9c5da;font-size:12px}.checkout-timer strong{font-family:monospace;font-size:22px;color:#ff5963;font-weight:800;letter-spacing:.02em}
.checkout-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(0,1fr);gap:28px;align-items:start}.checkout-panel{background:var(--pay-bg)!important;border:1px solid var(--pay-border)!important;border-radius:15px;padding:28px;margin-bottom:20px}.checkout-heading{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:800;margin:0 0 22px;color:var(--pay-fg)!important}.checkout-heading span{color:#f446a7;font-size:20px}.checkout-plan{border:1px solid var(--pay-border);border-radius:12px;display:flex;gap:15px;justify-content:space-between;align-items:center;padding:17px;margin-bottom:12px}.checkout-plan p{font-size:12px;color:var(--pay-muted);margin:0 0 3px}.checkout-plan strong{color:#ffb400;font-size:18px;font-weight:800}.checkout-plan>div:last-child{text-align:right;flex-shrink:0}.checkout-plan b{font-size:16px}.checkout-facts{margin:0}.checkout-facts>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:21px 0;border-bottom:1px solid #ffffff09;font-size:13px}.checkout-facts>div:last-child{border:0;padding-bottom:5px}.checkout-facts dt{color:var(--pay-muted)}.checkout-facts dd{margin:0;font-weight:700;text-align:right}.checkout-facts code{border:1px solid #374151;padding:4px 7px;border-radius:4px;font-size:11px;font-weight:400;color:var(--pay-muted);overflow-wrap:anywhere}.payment-state{display:inline-block;font-size:11px;font-weight:700;color:#ffb400;border:1px solid #b97e003d;background:#fbbf2410;padding:3px 9px;border-radius:30px}.payment-state.paid{color:#32d9a0;border-color:#32d9a060;background:#32d9a010}
.checkout-instructions{padding:22px}.checkout-instructions h2{font-size:14px;font-weight:800;margin-bottom:16px;color:var(--pay-fg)}.checkout-instructions ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}.checkout-instructions li{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--pay-muted)}.checkout-instructions li>span{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#8b33bf30;color:#ec69ef;text-align:center;font-size:15px;font-weight:800}.checkout-instructions p{margin:0}.checkout-instructions b{color:var(--pay-fg)}
.checkout-bank{background:linear-gradient(165deg,#2a1949 0%,var(--pay-bg) 37%)!important;padding:28px}.vietqr-sheet{background:#fff!important;color:#111!important;width:232px;max-width:100%;border-radius:15px;padding:13px 24px 16px;margin:0 auto 22px;text-align:center;line-height:1.3}.vietqr-wordmark{font-weight:900;color:#ec2638;font-size:20px;letter-spacing:-1px;margin-bottom:2px}.vietqr-wordmark i{font-size:28px}.vietqr-wordmark span{color:#244a8d;font-size:14px;letter-spacing:-.5px}.vietqr-sheet img{display:block;width:100%;height:auto;image-rendering:pixelated}.vietqr-network{color:#244a8d;font-size:10px;font-style:italic;font-weight:800;margin:3px 0 8px}.vietqr-sheet p{font-size:8px;color:#333!important;margin:2px 0;overflow-wrap:anywhere}
.payment-bank-name,.payment-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--pay-border);border-radius:11px;padding:14px;margin-top:14px;background:var(--pay-bg)}.payment-bank-name{justify-content:flex-start}.payment-bank-name strong{font-size:12px}.payment-bank-icon{display:flex;align-items:center;justify-content:center;width:32px;height:30px;flex-shrink:0;background:#fff;color:#3155ae;font-size:10px;font-weight:800;border-radius:5px;letter-spacing:-.5px}.payment-label{font-size:10px;font-weight:500;color:var(--pay-muted);margin:0 0 4px}.payment-value{font-size:12px;font-weight:800;color:var(--pay-fg);margin:0;overflow-wrap:anywhere}.payment-sub{font-size:10px;color:var(--pay-muted);margin:2px 0 0}.payment-copy{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #ffffff20;border-radius:8px;color:var(--pay-muted);background:#1f2937;cursor:pointer}.payment-copy:hover{filter:brightness(1.3)}
.payment-amount{border-color:#b4359155;background:#d946ef09;position:relative;overflow:hidden}.payment-amount:before,.payment-reference:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#ed43af}.payment-amount .payment-label{color:#d291fa;font-weight:800}.payment-amount .payment-value{font-size:16px;font-family:monospace}.payment-amount .payment-copy{background:#44245c;color:#f16ee3;border-color:transparent}.payment-reference{border-color:#f59e0b50;background:#f59e0b07;position:relative;overflow:hidden;padding-left:20px}.payment-reference:before{background:#f5a800}.payment-reference .payment-label{font-weight:800;color:#f9b824}.payment-reference .payment-value{font-family:monospace;font-size:21px;color:#ffb000;letter-spacing:2px}.payment-reference .payment-copy{background:#493718;color:#ffb000;border-color:transparent}
.payment-confirm{display:flex;justify-content:center;align-items:center;width:100%;border:1px solid #465368;background:#243042;color:#fff!important;border-radius:11px;font-weight:800;font-size:14px;padding:13px 16px;margin-top:28px;cursor:pointer;min-height:48px}.payment-confirm:hover{background:#35445c}.payment-confirm-hint{font-size:11px;color:var(--pay-muted);text-align:center;margin:10px 0 0}.payment-download{display:block;text-align:center;font-size:12px;color:#d8b4fe;margin-top:15px}.payment-empty{text-align:center;padding:20px 0;line-height:1.7}.payment-empty h2{font-size:18px;font-weight:800;margin-bottom:12px;color:var(--pay-fg)}.payment-empty p{color:var(--pay-muted);font-size:13px}.payment-placeholder{font-size:65px;color:#c084fc;margin-bottom:18px}.checkout-note{color:var(--pay-muted);font-size:12px;white-space:pre-line}.checkout-links{display:flex;gap:24px;justify-content:space-between;color:var(--pay-muted);font-size:12px;margin-top:22px}.password-reset-notice{position:relative;background:#5b21b6;color:white;padding:12px 24px;text-align:center;z-index:60}
html.light .checkout-page{--pay-bg:#fff;--pay-border:#cbd5e1;--pay-fg:#172033;--pay-muted:#516175}html.light .checkout-bank{background:linear-gradient(165deg,#eee1ff 0%,#fff 45%)!important}html.light .checkout-plan strong,html.light .payment-reference .payment-value{color:#925900}html.light .payment-amount .payment-label{color:#7e22ce}html.light .payment-reference .payment-label{color:#8c5900}html.light .checkout-facts>div{border-bottom-color:#e2e8f0}html.light .payment-state{color:#7e550e;background:#fef3c7}html.light .payment-state.paid{color:#065f46;background:#d1fae5}html.light .payment-download{color:#6d28d9}
.vietqr-sheet{padding:10px 24px 12px;min-height:230px}.vietqr-sheet img{width:140px;height:140px;margin:auto}.vietqr-wordmark{line-height:1}.vietqr-wordmark i{font-size:24px}.vietqr-sheet p{font-size:6px;line-height:1.2;margin:1px 0}.vietqr-network{font-size:8px;margin:3px 0 5px}
html.light .payment-copy{background:#edf2f7;color:#344256;border-color:#cbd5e1}html.light .payment-amount .payment-copy{background:#6b21a8;color:#fff}html.light .payment-reference .payment-copy{background:#7e550e;color:#fff}html.light .checkout-instructions li>span{color:#8b21a8}
@media(max-width:767px){.checkout-page{padding:20px 16px 90px}.checkout-banner{align-items:flex-start;flex-direction:column;padding:20px;gap:16px}.checkout-banner h1{font-size:22px!important}.checkout-timer{align-self:stretch;justify-content:space-between;padding:12px 14px}.checkout-grid{grid-template-columns:minmax(0,1fr);gap:0}.checkout-panel{padding:22px}.checkout-facts>div{font-size:12px}.checkout-plan{padding:13px}.checkout-plan strong{font-size:16px}.checkout-plan b{font-size:14px}.checkout-links{margin-bottom:24px}.checkout-banner p{line-height:1.7}.payment-reference .payment-value{font-size:18px;letter-spacing:1.5px}}