.pay-later-progress{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:relative}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.progress-step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:8px;transition:all .3s ease;border:2px solid #e5e7eb;background:#fff;color:#6b7280}.progress-step.active .progress-step-circle{background:#10b981;color:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.progress-step.completed .progress-step-circle{background:#10b981;color:#fff;border-color:#10b981}.progress-step.completed .progress-step-circle:before{content:"✓";font-size:16px;font-weight:700}.progress-step-label{font-size:12px;color:#6b7280;text-align:center;font-weight:500;max-width:80px}.progress-step.active .progress-step-label{color:#10b981;font-weight:600}.progress-connector{position:absolute;top:20px;left:50%;right:50%;height:2px;background:#e5e7eb;z-index:1;transition:all .3s ease}.progress-connector.completed{background:#10b981}.pay-later-modal-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;position:relative}.pay-later-modal-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6)}.modal-header-enhanced{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.modal-content-enhanced{background:#fff;padding:2rem;min-height:400px}.form-group-enhanced{margin-bottom:1.5rem;position:relative}.form-label-enhanced{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:.5rem;transition:all .2s ease}.form-input-enhanced{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:#f9fafb;color:#111827}.form-input-enhanced:focus{outline:none;border-color:#10b981;background:#fff;box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.form-input-enhanced.error{border-color:#ef4444;background:#fef2f2}.form-input-enhanced.success{border-color:#10b981;background:#f0fdf4}.validation-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;transition:all .3s ease}.validation-icon.show{opacity:1}.validation-icon.success{color:#10b981}.validation-icon.error{color:#ef4444}.btn-primary-enhanced{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #10b9814d}.btn-primary-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-primary-enhanced:active{transform:translateY(0)}.btn-primary-enhanced:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-enhanced{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary-enhanced:hover{border-color:#10b981;color:#10b981;transform:translateY(-1px)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.credit-display-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2rem;text-align:center;color:#fff;margin-bottom:2rem;position:relative;overflow:hidden}.credit-display-enhanced:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.credit-amount-enhanced{font-size:3.5rem;font-weight:300;margin-bottom:.5rem;position:relative;z-index:2}.credit-label-enhanced{font-size:1.1rem;font-weight:500;letter-spacing:.1em;opacity:.9;position:relative;z-index:2}.topup-card-enhanced{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;border:2px solid transparent}.topup-card-enhanced:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#10b981}.topup-card-enhanced.popular{border-color:#10b981;transform:scale(1.05)}.topup-card-enhanced.popular:before{content:"MOST POPULAR";position:absolute;top:-8px;left:50%;transform:translate(-50%);background:#10b981;color:#fff;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px}.topup-amount-enhanced{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.topup-price-enhanced{font-size:1.2rem;font-weight:600;color:#10b981;margin-bottom:1rem}.topup-btn-enhanced{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.topup-btn-enhanced:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b9814d}.notification-enhanced{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;text-align:center;max-width:450px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.notification-enhanced.success{background:linear-gradient(45deg,#05142c,#4c1a72);background-size:400% 400%;animation:gradientShift 35s ease-in-out infinite;border-left:4px solid rgba(76,26,114,.8)}@keyframes gradientShift{0%,to{background:linear-gradient(45deg,#05142c,#4c1a72)}25%{background:linear-gradient(45deg,#081937,#551e7d)}50%{background:linear-gradient(45deg,#0c1e41,#5f238c)}75%{background:linear-gradient(45deg,#081937,#551e7d)}}.notification-enhanced.error{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c)}.notification-enhanced.warning{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.notification-enhanced.info{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8)}.notification-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#fffc,#fff6,#fffc);animation:shimmer 2s infinite}.notification-enhanced:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translate(-50%,-50%) rotate(0)}33%{transform:translate(-30%,-60%) rotate(120deg)}66%{transform:translate(-70%,-40%) rotate(240deg)}}.notification-icon-enhanced{font-size:4rem;margin-bottom:1.5rem;animation:bounce .8s ease-in-out,glow 2s ease-in-out infinite alternate;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));position:relative;z-index:2}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0) scale(1)}40%,43%{transform:translate3d(0,-20px,0) scale(1.1)}70%{transform:translate3d(0,-10px,0) scale(1.05)}90%{transform:translate3d(0,-4px,0) scale(1.02)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,255,255,.5)}to{text-shadow:0 0 20px rgba(255,255,255,.8),0 0 30px rgba(255,255,255,.6)}}.notification-title-enhanced{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.notification-message-enhanced{font-size:1.1rem;color:#fffffff2;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2;font-weight:500}.fade-in{animation:fadeInScale .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.pay-later-progress{margin-bottom:1.5rem}.progress-step-circle{width:32px;height:32px;font-size:12px}.progress-step-label{font-size:10px;max-width:60px}.modal-content-enhanced{padding:1.5rem}.credit-amount-enhanced{font-size:2.5rem}.topup-card-enhanced{padding:1rem}.topup-amount-enhanced{font-size:2rem}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-checkmark{width:80px;height:80px;border-radius:50%;background:#10b981;position:relative;margin:0 auto 1rem}.success-checkmark:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:16px;height:32px;border:4px solid white;border-top:none;border-left:none;animation:checkmark .6s ease-in-out .3s both}@keyframes checkmark{0%{width:0;height:0}50%{width:0;height:32px}to{width:16px;height:32px}}.tooltip-enhanced{position:relative;display:inline-block}.tooltip-enhanced .tooltip-text{visibility:hidden;width:200px;background:#111827;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px;font-weight:500}.tooltip-enhanced .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#111827 transparent transparent transparent}.tooltip-enhanced:hover .tooltip-text{visibility:visible;opacity:1}