body,html{overflow-x:hidden}body::after,body::before{position:fixed;z-index:-1}.gateway-option,.pay-btn{overflow:hidden;transition:.35s}.gateway-option::before,.pay-btn::before{position:absolute;left:-120%;transition:.7s;top:0}.modal-content::before,.payment-card::before,body::after,body::before{content:"";pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%;scroll-behavior:smooth}.payment-wrapper,body{min-height:100vh;width:100%;display:flex;position:relative}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;font-family:Poppins,sans-serif;overflow-y:auto;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(255,196,0,.22),transparent 32%),radial-gradient(circle at bottom right,rgba(0,140,255,.2),transparent 35%),linear-gradient(135deg,#000 0,#04142c 35%,#07295c 65%,#03101f 100%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}body::before{width:420px;height:420px;top:-120px;left:-120px;background:radial-gradient(circle,rgba(255,196,0,.14) 0,rgba(255,196,0,.08) 25%,rgba(255,196,0,.03) 45%,transparent 75%);filter:blur(40px);animation:10s ease-in-out infinite alternate floatGlow}body::after{width:500px;height:500px;bottom:-180px;right:-180px;background:radial-gradient(circle,rgba(0,140,255,.2),transparent 70%);filter:blur(25px);animation:8s ease-in-out infinite alternate floatGlow2}@keyframes floatGlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(20px,25px) scale(1.08)}}@keyframes floatGlow2{0%{transform:translate(0,0)}100%{transform:translate(-20px,-30px)}}.payment-wrapper{padding:40px 20px;align-items:center;justify-content:center;z-index:2}.payment-card{width:100%;max-width:460px;padding:40px 35px;border-radius:28px;background:rgba(12,14,24,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px rgba(0,0,0,.55),0 0 25px rgba(255,196,0,.08);text-align:center;position:relative;overflow:hidden}.payment-card::before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,196,0,.05),rgba(0,140,255,.05))}.logo-box{width:100px;height:100px;margin:0 auto 25px;border-radius:24px;overflow:hidden;border:2px solid rgba(255,196,0,.25);box-shadow:0 8px 25px rgba(0,0,0,.4)}.logo-box img{width:100%;height:100%;object-fit:cover}.payment-title{font-size:34px;font-weight:700;line-height:1.2;margin-bottom:10px;background:linear-gradient(to right,#fff,#ffd54f,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.close-btn,.pay-btn{font-weight:600;cursor:pointer}.payment-subtitle{color:#cfcfcf;font-size:15px;line-height:1.7;margin-bottom:35px}.payment-methods{display:flex;flex-direction:column;gap:18px}.pay-btn{width:100%;height:68px;border:1px solid rgba(255,255,255,.1);outline:0;border-radius:18px;background:rgba(255,255,255,.04);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.pay-btn::before{content:"";width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.pay-btn:hover,.upi-btn{background:linear-gradient(135deg,#d4a017,#0a58ca)}.gateway-option:hover::before,.pay-btn:hover::before{left:120%}.pay-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.45),0 0 20px rgba(255,196,0,.25)}.pay-btn img{max-width:160px;max-height:42px;width:auto;height:auto;object-fit:contain;filter:brightness(0) invert(1);transition:.3s}.secure-text{margin-top:28px;color:#bdbdbd;font-size:13px;letter-spacing:1px}.secure-text span{color:#ffd54f}.gateway-option{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 20px;margin-bottom:18px;border-radius:18px;cursor:pointer;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.gateway-option::before{content:"";width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.gateway-option:hover{transform:translateY(-4px);border-color:#d4a017;background:linear-gradient(135deg,rgba(212,160,23,.12),rgba(10,88,202,.12));box-shadow:0 10px 30px rgba(0,0,0,.35),0 0 18px rgba(212,160,23,.15)}.gateway-option img{width:140px;max-width:100%;object-fit:contain}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;padding:20px;justify-content:center;align-items:center;overflow-y:auto;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:.3s modalFade}.modal-content{width:100%;max-width:390px;padding:35px 28px;border-radius:28px;position:relative;text-align:center;overflow:hidden;background:rgba(12,14,24,.92);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 50px rgba(0,0,0,.55),0 0 20px rgba(212,160,23,.08);animation:.35s popupScale}.modal-content::before{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,196,0,.06),rgba(0,140,255,.05))}.close-btn{position:absolute;top:14px;right:16px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:rgba(255,255,255,.08);transition:.3s}.close-btn:hover{background:linear-gradient(135deg,#d4a017,#0a58ca);transform:rotate(90deg)}.modal-content h3{font-size:28px;font-weight:700;margin-bottom:12px;color:#fff;line-height:1.3}.modal-content p{color:#cfcfcf;font-size:15px;line-height:1.7;margin-top:14px}.modal-content img{width:100%;max-width:240px;margin:25px auto 15px;padding:14px;border-radius:22px;background:#fff;border:3px solid rgba(255,196,0,.18);box-shadow:0 10px 30px rgba(0,0,0,.35);object-fit:contain}.modal-content .secure-note{margin-top:12px;font-size:13px;color:#ffd54f;letter-spacing:.5px}@keyframes popupScale{0%{opacity:0;transform:scale(.85) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFade{0%{opacity:0}100%{opacity:1}}@media(max-width:768px){.payment-wrapper{padding:30px 16px}.payment-card{padding:35px 25px}.payment-title{font-size:28px}.payment-subtitle{font-size:14px}.pay-btn{height:62px;font-size:16px}.logo-box{width:90px;height:90px}.modal-content{max-width:360px;padding:30px 24px}.modal-content h3{font-size:24px}.modal-content img{max-width:220px}}@media(max-width:480px){body{align-items:flex-start}.payment-wrapper{padding:20px 14px}.payment-card{padding:30px 20px;border-radius:22px}.logo-box{width:80px;height:80px;border-radius:20px}.payment-title{font-size:24px}.payment-subtitle{font-size:14px;margin-bottom:28px}.payment-methods{gap:15px}.pay-btn{height:58px;border-radius:14px;font-size:15px}.pay-btn img{max-height:28px}.secure-text{font-size:12px;line-height:1.7}.modal{padding:16px}.modal-content{padding:28px 20px;border-radius:24px}.modal-content h3{font-size:22px}.modal-content p{font-size:14px}.modal-content img{max-width:200px;padding:10px;border-radius:18px}.close-btn{width:34px;height:34px;font-size:20px;top:12px;right:12px}.gateway-option{padding:14px 16px}.gateway-option img{width:120px}}