//     <div id="tech-loading-screen" style="position:fixed; top:0; left:0; width:100%; height:100%; background:#020617; z-index:9999999; display:flex; flex-direction:column; align-items:center; justify-content:center; font-family: 'Plus Jakarta Sans', sans-serif; color: #ffffff; overflow: hidden;">
        
//         <div class="bg-glow"></div>
//         <div class="grid-overlay"></div>

//         <div style="position:relative; z-index: 20; display:flex; flex-direction:column; align-items:center; width: 90%; max-width: 450px;">
            
//             <div class="logo-wrapper">
//                 <div class="ring"></div>
//                 <div class="ring shadow"></div>
//                 <img src="" alt="Logo" class="main-logo">
//             </div>

//             <div style="text-align:center; margin-top: 40px;">
//                 <h2 class="glitch-text">SYNCING PAYMENT</h2>
//                 <div class="status-box">
//                     <span class="pulse-dot"></span>
//                     <p id="status-text" class="status-msg">Connecting to payment gateway...</p>
//                 </div>
//             </div>

//             <div class="progress-container">
//                 <div class="progress-info">
//                     <span class="loading-label">SYNCING DATA</span>
//                     <span id="percent-text">0%</span>
//                 </div>
//                 <div class="progress-track">
//                     <div id="progress-bar" style="width: 0%; height: 100%; background: linear-gradient(90deg, #4f46e5, #c084fc); transition: width 0.15s ease;"></div>
//                 </div>
//             </div>

//             <div class="terminal-window">
//                 <div class="terminal-header">
//                     <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
//                     <span class="terminal-title">ezzy_process_v2.0.sh</span>
//                 </div>
//                 <div id="log-container" class="terminal-body">
//                     <div class="log-line">> HANDSHAKE ESTABLISHED...</div>
//                 </div>
//             </div>
//         </div>

//         <style>
//             @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@800&family=JetBrains+Mono&display=swap');
//             body { overflow: hidden !important; }
//             .bg-glow { position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, rgba(79,70,229,0.2) 0%, transparent 70%); filter: blur(60px); animation: move 8s infinite alternate; }
//             @keyframes move { from { transform: translate(-10%, -10%); } to { transform: translate(10%, 10%); } }
//             .ring { position: absolute; width: 120px; height: 120px; border: 3px solid transparent; border-top-color: #4f46e5; border-radius: 50%; animation: rotate 1s linear infinite; }
//             @keyframes rotate { to { transform: rotate(360deg); } }
//             .main-logo { width: 80px; position: relative; z-index: 10; }
//             .glitch-text { font-size: 24px; font-weight: 800; letter-spacing: 2px; }
//             .status-box { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; background: rgba(255,255,255,0.05); padding: 5px 15px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); }
//             .pulse-dot { width: 8px; height: 8px; background: #34d399; border-radius: 50%; animation: pulse 1s infinite; }
//             @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
//             .progress-container { width: 100%; margin-top: 30px; }
//             .progress-info { display: flex; justify-content: space-between; margin-bottom: 8px; font-family: 'JetBrains Mono'; font-size: 10px; color: #818cf8; }
//             .progress-track { width: 100%; height: 4px; background: rgba(255,255,255,0.1); border-radius: 10px; overflow: hidden; }
//             .terminal-window { margin-top: 30px; width: 100%; background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; padding: 15px; font-family: 'JetBrains Mono'; color: #34d399; height: 80px; overflow: hidden; }
//         </style>

//         <script>
//             const logs = ["> VERIFYING TRANSACTION...", "> WEBHOOK RECEIVED: OK", "> UPDATING USER PRIVILEGES...", "> INJECTING PREMIUM ASSETS...", "> REDIRECTING NOW..."];
//             let count = 0;
//             const pb = document.getElementById('progress-bar');
//             const pt = document.getElementById('percent-text');
//             const st = document.getElementById('status-text');

//             const interval = setInterval(() => {
//                 count++;
//                 pt.innerText = count + "%";
//                 pb.style.width = count + "%";
//                 if (count === 25) addLog(0);
//                 if (count === 50) addLog(1);
//                 if (count === 75) addLog(2);
//                 if (count === 100) {
//                     clearInterval(interval);
//                     window.location.href = "";
//                 }
//             }, 100); // মোট ১০ সেকেন্ডের এনিমেশন

//             function addLog(i) {
//                 const div = document.createElement('div');
//                 div.innerText = logs[i];
//                 document.getElementById('log-container').prepend(div);
//                 st.innerText = logs[i].replace('> ', '');
//             }
//         </script>
//     </div>
//