.checkout-overlay{-webkit-backdrop-filter:blur(8px);z-index:1010;width:100%;height:100%;padding:var(--space-lg);background:#000000bf;justify-content:center;align-items:flex-start;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkout-modal{border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:420px;max-height:90vh;box-shadow:0 20px 60px #0009,0 0 40px var(--teal-glow);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;background:linear-gradient(160deg,#0f191efa,#080e12fc);border:1px solid #ffa0e233;margin:auto;animation:.35s ease-out modalSlideIn;position:relative;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.checkout-close{border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:16px;right:16px}.checkout-close:hover{color:#fca5a5;background:#e74c3c26;border-color:#e74c3c4d}.checkout-header{text-align:center;margin-bottom:var(--space-xl)}.checkout-header h2{font-size:var(--text-xl);color:var(--text-main);margin-bottom:4px;font-weight:700}.checkout-header p{font-size:var(--text-sm);color:var(--text-muted)}.checkout-details{gap:var(--space-sm);margin-bottom:var(--space-xl);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);background:#ffffff08;flex-direction:column;display:flex}.checkout-detail-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.checkout-detail-row+.checkout-detail-row{border-top:1px solid #ffffff0a}.detail-label{font-size:var(--text-sm);color:var(--text-muted)}.detail-value{font-size:var(--text-sm);color:var(--text-main);text-align:right;max-width:60%;font-weight:500}.detail-value.price{font-size:var(--text-lg);color:var(--teal);font-weight:700}.checkout-detail-row.highlight{margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px solid #ffa0e233}.checkout-warning{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--text-sm);color:var(--text-muted);background:#f1c40f0f;border:1px solid #f1c40f26;line-height:1.5;display:flex}.checkout-warning svg{color:var(--warning);flex-shrink:0;margin-top:2px}.checkout-error{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--text-sm);color:#fca5a5;background:#e74c3c14;border:1px solid #e74c3c33;display:flex}.checkout-btn{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md)var(--space-lg);border-radius:var(--radius-md);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);background:linear-gradient(135deg,#ffa0e233 0%,#ffa0e20d 100%);border:1px solid #ffa0e24d;font-weight:600;display:flex}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffa0e259 0%,#ffa0e21a 100%);transform:translateY(-1px);box-shadow:0 0 25px #ffa0e24d}.checkout-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.checkout-timer{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-xl);border:2px solid;font-weight:600;transition:all .5s;display:flex}.timer-value{font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:2px;font-weight:800}.timer-label{font-size:var(--text-sm);opacity:.7}.checkout-deposit-box{text-align:center;padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-xl);background:#ffa0e214;border:1px solid #ffa0e233}.deposit-amount{color:var(--teal);margin-bottom:4px;font-size:2rem;font-weight:800;line-height:1}.deposit-label{font-size:var(--text-sm);color:var(--text-muted)}.copy-account-btn{color:#ffa0e2;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.copy-account-btn:hover{color:#fff;background:#ffa0e21f;transform:scale(1.08)}.copy-account-btn:active{transform:scale(.92)}.copy-account-btn.copied{color:#2ecc71;background:#2ecc711f;animation:.3s ease-out popCopied}@keyframes popCopied{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.copy-account-btn svg{flex-shrink:0}.slip-upload-zone{border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;cursor:pointer;margin-bottom:var(--space-xl);transition:all var(--transition-base);background:#ffffff05;border:2px dashed #ffffff26;justify-content:center;align-items:center;min-height:140px;display:flex}.slip-upload-zone:hover{background:#ffa0e20a;border-color:#ffa0e266}.slip-upload-placeholder{align-items:center;gap:var(--space-sm);color:var(--text-dim);flex-direction:column;display:flex}.slip-upload-placeholder p{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-sm)}.slip-upload-placeholder span{font-size:var(--text-xs);color:var(--text-dim)}.slip-preview-img{border-radius:var(--radius-sm);object-fit:contain;max-width:100%;max-height:200px}.checkout-success{text-align:center;padding:var(--space-xl)0}.success-icon{margin-bottom:var(--space-lg);animation:.5s ease-out successPop}.expired-icon svg{stroke:#e74c3c}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.checkout-success h2{font-size:var(--text-xl);color:var(--text-main);margin-bottom:var(--space-xs);font-weight:700}.checkout-success p{color:var(--text-muted);font-size:var(--text-sm)}.checkout-success .success-sub{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-dim);margin-bottom:var(--space-xl);line-height:1.5}@media (max-width:480px){.checkout-modal{padding:var(--space-lg);border-radius:var(--radius-lg);max-height:95vh}.checkout-overlay{padding:var(--space-sm)}.timer-value{font-size:var(--text-xl)}.deposit-amount{font-size:1.5rem}}button,a,select,[role=button],input[type=submit],input[type=checkbox],input[type=radio]{cursor:pointer!important;transition:all .15s ease-in-out!important}:focus-visible{outline:2px solid var(--teal)!important;outline-offset:2px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-height:850px){.checkout-modal{max-height:96vh!important;padding:16px 20px!important}.checkout-header{margin-bottom:12px!important}.checkout-header h2{margin-bottom:2px!important;font-size:1.25rem!important}.checkout-header p{font-size:.8rem!important}.checkout-details{gap:4px!important;margin-bottom:12px!important;padding:10px 14px!important}.checkout-detail-row{padding:4px 0!important;font-size:.82rem!important}.checkout-detail-row.highlight{margin-top:4px!important;padding-top:8px!important}.checkout-warning{margin-bottom:12px!important;padding:8px 12px!important;font-size:.78rem!important}.checkout-terms-row{padding:8px 12px!important}.checkout-btn{padding:10px 16px!important;font-size:.9rem!important}.checkout-timer{margin-bottom:12px!important;padding:8px!important}.timer-value{font-size:1.3rem!important}.checkout-deposit-box{margin-bottom:12px!important;padding:12px!important}.deposit-amount{font-size:1.6rem!important}.deposit-label{margin-bottom:8px!important}.bank-details-card{padding:10px!important}.bank-details-card img{width:100px!important;height:100px!important;margin:0 auto 8px!important}.slip-upload-zone{min-height:90px!important;margin-bottom:12px!important;padding:12px!important}.slip-preview-img{max-height:90px!important}.slip-upload-placeholder svg{width:28px!important;height:28px!important}.slip-upload-placeholder p{margin-top:4px!important;font-size:.8rem!important}.checkout-success{padding:8px 0!important}.checkout-success h2{margin-bottom:2px!important;font-size:1.2rem!important}.checkout-success p{margin-bottom:8px!important;font-size:.8rem!important}.success-icon{margin-bottom:8px!important;padding:10px!important}.success-icon svg{width:32px!important;height:32px!important}.checkout-success>div[style*=background]{border-radius:12px!important;padding:12px 16px!important}.checkout-success div[style*="font-size: 0.82rem"]{gap:4px!important;font-size:.76rem!important}.checkout-success div[style*=border-bottom]{margin-bottom:8px!important;padding-bottom:8px!important}.checkout-success div[style*="margin-top: 12px"]{margin-top:6px!important;padding:6px 10px!important}.checkout-success a[href*=twitter],.checkout-success a[href*=x\.com]{border-radius:8px!important;margin-top:8px!important;padding:8px 16px!important;font-size:.82rem!important}.checkout-success button.checkout-btn{margin-top:8px!important;padding:10px!important;font-size:.85rem!important}}@media (max-height:680px){.checkout-modal{padding:12px 16px!important}.checkout-header{margin-bottom:8px!important}.checkout-header h2{font-size:1.15rem!important}.checkout-header p{font-size:.75rem!important}.checkout-details{margin-bottom:8px!important;padding:8px 12px!important}.checkout-detail-row{padding:2px 0!important;font-size:.78rem!important}.checkout-warning{margin-bottom:8px!important;padding:6px 10px!important;font-size:.75rem!important}.checkout-terms-row{padding:6px 10px!important;font-size:.75rem!important}.checkout-btn{padding:8px 12px!important;font-size:.8rem!important}.checkout-timer{margin-bottom:8px!important;padding:6px!important}.timer-value{font-size:1.1rem!important}.checkout-deposit-box{margin-bottom:8px!important;padding:8px!important}.deposit-amount{font-size:1.3rem!important}.bank-details-card img{width:80px!important;height:80px!important;margin-bottom:4px!important}.slip-upload-zone{min-height:70px!important;margin-bottom:8px!important;padding:8px!important}.slip-preview-img{max-height:70px!important}.slip-upload-placeholder svg{width:20px!important;height:20px!important}.slip-upload-placeholder p{font-size:.75rem!important}.checkout-success{padding:4px 0!important}.checkout-success h2{font-size:1.1rem!important}.checkout-success p{margin-bottom:6px!important;font-size:.75rem!important}.success-icon{margin-bottom:4px!important;padding:6px!important}.success-icon svg{width:24px!important;height:24px!important}.checkout-success>div[style*=background]{border-radius:10px!important;padding:8px 12px!important}.checkout-success div[style*="font-size: 0.82rem"]{gap:2px!important;font-size:.7rem!important}.checkout-success div[style*=border-bottom]{margin-bottom:4px!important;padding-bottom:4px!important}.checkout-success a[href*=twitter],.checkout-success a[href*=x\.com]{margin-top:6px!important;padding:6px 12px!important;font-size:.78rem!important}.checkout-success button.checkout-btn{margin-top:6px!important;padding:8px!important;font-size:.8rem!important}}