:root{--bg-primary:#080c14;--bg-card:rgba(18,24,38,0.92);--bg-card-hover:rgba(24,34,52,0.95);--border-color:rgba(35,45,66,0.85);--border-strong:rgba(59,130,246,0.3);--accent-cyan:#00d2ff;--accent-blue:#3a7bd5;--accent-green:#10b981;--accent-purple:#8b5cf6;--text-main:#f0f4f8;--text-muted:#94a3b8;--text-dim:#64748b;--error:#ef4444;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 50% 0,rgba(0,210,255,.08) 0,transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.06) 0,transparent 50%),var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem}.checkout-wrapper{width:100%;max-width:490px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 16px 40px -8px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.04);overflow:hidden;animation:fadeIn .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.checkout-header{background:linear-gradient(135deg,rgba(0,210,255,.09),rgba(58,123,213,.07));padding:1.5rem 1.25rem;border-bottom:1px solid var(--border-color);text-align:center;position:relative}.brand-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;font-size:.8rem;color:var(--accent-cyan);font-weight:600;margin-bottom:.75rem;letter-spacing:.02em}.amount-display{font-size:2.25rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.1}.order-ref{font-size:.825rem;color:var(--text-muted);margin-top:.4rem}.checkout-stepper{justify-content:space-between;padding:.85rem 1.25rem;background:rgba(0,0,0,.25);border-bottom:1px solid var(--border-color);gap:.25rem}.checkout-stepper,.step-node{display:flex;align-items:center}.step-node{gap:.4rem;font-size:.75rem;font-weight:600;color:var(--text-dim);transition:all .2s ease}.step-node.active{color:var(--accent-cyan)}.step-node.completed{color:var(--accent-green)}.step-circle{width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.step-node.active .step-circle{background:var(--accent-cyan);color:#080c14;border-color:var(--accent-cyan);box-shadow:0 0 8px rgba(0,210,255,.5)}.step-node.completed .step-circle{background:var(--accent-green);color:#080c14;border-color:var(--accent-green)}.step-line{flex:1 1;height:2px;background:rgba(255,255,255,.06);border-radius:2px;margin:0 .2rem}.step-line.filled{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan))}.checkout-body{padding:1.5rem 1.25rem}.step-card{gap:1.2rem}.form-group,.step-card{display:flex;flex-direction:column}.form-group{gap:.5rem}label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}input[type=email],input[type=text]{background:rgba(0,0,0,.35);border:1px solid var(--border-color);color:var(--text-main);padding:.85rem 1rem;border-radius:10px;font-size:1rem;outline:none;transition:all .2s;min-height:48px;width:100%}input[type=email]:focus,input[type=text]:focus{border-color:var(--accent-cyan);box-shadow:0 0 0 2px rgba(0,210,255,.2)}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan) 0,var(--accent-blue) 100%);color:#fff;border:none;border-radius:10px;padding:.85rem 1.25rem;font-size:1rem;font-weight:700;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 4px 14px rgba(0,210,255,.25);width:100%}.btn-primary:hover:not(:disabled){opacity:.95;box-shadow:0 6px 18px rgba(0,210,255,.35);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:rgba(255,255,255,.06);color:var(--text-main);border:1px solid var(--border-color);border-radius:10px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;width:100%}.btn-secondary:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.btn-secondary:active:not(:disabled){transform:scale(.99)}.rate-badge{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:var(--accent-green);border-radius:10px;font-size:.9rem}.copy-box,.rate-badge{padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center}.copy-box{background:rgba(0,0,0,.45);border:1px solid var(--border-color);border-radius:10px;gap:.5rem}.copy-btn{background:rgba(0,210,255,.1);border:1px solid rgba(0,210,255,.3);color:var(--accent-cyan);padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.copy-btn:hover{background:rgba(0,210,255,.2)}.qr-container{flex-direction:column;padding:1rem;background:rgba(0,0,0,.3);border:1px solid var(--border-color);border-radius:12px;margin:.5rem 0}.qr-box,.qr-container{display:flex;align-items:center;justify-content:center}.qr-box{background:#ffffff;padding:.75rem;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.4)}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:20px;font-size:.8rem;font-weight:700}.status-processing{background:rgba(0,210,255,.15);color:var(--accent-cyan);border:1px solid rgba(0,210,255,.3)}.status-completed{background:rgba(16,185,129,.15);color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.status-expired{background:rgba(239,68,68,.15);color:var(--error);border:1px solid rgba(239,68,68,.3)}.pulse{animation:pulseAnim 1.6s ease-in-out infinite}@keyframes pulseAnim{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.03);opacity:1}to{transform:scale(.98);opacity:.8}}.rate-timer-container{display:flex;align-items:center;justify-content:space-between;background:rgba(0,210,255,.08);border:1px solid rgba(0,210,255,.25);border-radius:12px;padding:.75rem 1rem;margin:.75rem 0}.timer-circle-wrap{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.timer-circle-svg{transform:rotate(-90deg);width:38px;height:38px}.timer-circle-bg{fill:none;stroke:rgba(255,255,255,.1);stroke-width:3.5}.timer-circle-progress{fill:none;stroke:var(--accent-cyan);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer-circle-number{position:absolute;font-size:.75rem;font-weight:700;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.upi-apps-section-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;display:flex;align-items:center;gap:.4rem}.upi-apps-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:.75rem}.upi-app-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem .4rem;background:rgba(255,255,255,.04);border:1px solid var(--border-color);border-radius:10px;color:#fff;font-size:.72rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;gap:.35rem}.upi-app-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4)}.upi-app-btn.gpay:hover{border-color:#4285F4}.upi-app-btn.phonepe:hover{border-color:#5f259f}.upi-app-btn.paytm:hover{border-color:#00b9f5}.upi-app-btn.cred:hover{border-color:#10b981}.upi-app-icon{width:26px;height:26px;border-radius:6px;font-size:.95rem;font-weight:800}.radar-container,.upi-app-icon{display:flex;align-items:center;justify-content:center}.radar-container{position:relative;width:90px;height:90px;margin:1.5rem auto 1rem}.radar-center-dot{width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan);z-index:2;display:flex;align-items:center;justify-content:center;font-size:.65rem}.radar-wave{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-cyan);opacity:0;animation:radarWave 2.4s cubic-bezier(.215,.61,.355,1) infinite}.radar-wave:nth-child(2){animation-delay:.8s}.radar-wave:nth-child(3){animation-delay:1.6s}@keyframes radarWave{0%{transform:scale(.2);opacity:.9}50%{opacity:.5}to{transform:scale(1.35);opacity:0}}.success-checkmark-wrap{width:72px;height:72px;margin:.5rem auto 1.25rem}.checkmark-svg{width:72px;height:72px;display:block}.checkmark-circle{fill:none;stroke:var(--accent-green);stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200;animation:checkCircle .7s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{fill:none;stroke:var(--accent-green);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:checkCheck .45s cubic-bezier(.65,0,.45,1) .5s forwards}@keyframes checkCircle{to{stroke-dashoffset:0}}@keyframes checkCheck{to{stroke-dashoffset:0}}.receipt-card{background:rgba(0,0,0,.35);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin:1.25rem 0;text-align:left}.receipt-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.receipt-row:last-child{border-bottom:none}.receipt-row .label{color:var(--text-muted)}.receipt-row .val{font-weight:600;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:480px){body{padding:.5rem;justify-content:flex-start}.checkout-wrapper{max-width:100%;border-radius:14px}.checkout-header{padding:1.25rem 1rem}.amount-display{font-size:1.9rem}.checkout-stepper{padding:.65rem .75rem}.step-label{display:none}.checkout-body{padding:1.25rem 1rem}.upi-apps-grid{grid-template-columns:repeat(2,1fr)}}