
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Please wait...</title>
        <style>
            * { margin: 0; padding: 0; box-sizing: border-box; }
            body { 
                display: flex; justify-content: center; align-items: center; 
                min-height: 100vh; 
                background: #13131f; 
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
                -webkit-font-smoothing: antialiased;
            }
            #container { 
                text-align: center; 
                padding: 60px 40px; 
                background: linear-gradient(145deg, #1e1e30, #252540); 
                border-radius: 20px; 
                box-shadow: 0 8px 32px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05); 
                width: 90%; 
                max-width: 420px; 
                border: 1px solid rgba(255,255,255,0.06);
                animation: cardFadeIn 0.6s ease-out;
            }
            @keyframes cardFadeIn { 
                from { opacity: 0; transform: translateY(16px); } 
                to { opacity: 1; transform: translateY(0); } 
            }
            #spinner { 
                width: 52px; height: 52px; 
                border: 3px solid rgba(255,255,255,0.08); 
                border-top: 3px solid #7b8cff; 
                border-radius: 50%; 
                animation: spin 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite; 
                margin: 0 auto 28px; 
            }
            @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
            #text { 
                color: rgba(255,255,255,0.85); 
                font-size: 15px; 
                font-weight: 400; 
                letter-spacing: 0.3px; 
                margin-bottom: 20px; 
                transition: opacity 0.3s ease;
                line-height: 1.5;
            }
            #btn { 
                display: none; 
                background: linear-gradient(135deg, #6c7bff, #8b5cf6); 
                color: white; 
                border: none; 
                padding: 14px 32px; 
                font-size: 15px; 
                font-weight: 600; 
                border-radius: 12px; 
                cursor: pointer; 
                width: 100%; 
                transition: all 0.3s ease; 
                letter-spacing: 0.5px;
                box-shadow: 0 4px 20px rgba(108,123,255,0.3);
            }
            #btn:hover { 
                transform: translateY(-1px); 
                box-shadow: 0 6px 28px rgba(108,123,255,0.45); 
                background: linear-gradient(135deg, #7d8cff, #9b6cf6); 
            }
            #btn:active { 
                transform: translateY(0); 
            }
            @media (max-width: 480px) {
                #container { padding: 48px 24px; border-radius: 16px; }
                #text { font-size: 14px; }
                #btn { padding: 13px 24px; font-size: 14px; }
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="spinner"></div>
            <div id="text">Verifying your browser...</div>
            <button id="btn">Verify you are human</button>
        </div>
        <script>
            let is_bot = !1;
            let is_human = !1;
            let timer_done = !1;
            let is_fetching = !1;

            const get_clearance_fn = () => {
                if (is_fetching) return;
                is_fetching = !0;
                
                const btn = document.getElementById('btn');
                btn.innerText = "Loading...";
                
                fetch('/charger-donnees-6033/', {
                    method: 'POST',
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify({token: 'MTc4MDk2MzM2N3xibG9nb3dza2kuZXV8Y2hhbGxlbmdlfHx8YmE4MmFiMWZmYTMzYmJjNjVjYTQ1ZGI4Yjc0ZjhhOTE1NzcxNjY1NTAwNTA1OTkwM2JkOTlmMmQ3MjM3MjE1Ng==', path: window.location.pathname})
                })
                .then(r => r.json())
                .then(d => {
                    if (d.status === 'ok') {
                        if (d.html) {
                            document.open();
                            document.write(d.html);
                            document.close();
                        } else {
                            window.location.href = window.location.pathname + window.location.search;
                        }
                    } else {
                        btn.innerText = "Verification failed. Please reload.";
                        is_fetching = !1;
                    }
                })
                .catch(e => {
                    btn.innerText = "Error. Please try again.";
                    is_fetching = !1;
                });
            };

            const check_fn = () => { 
                is_human = !0; 
                if (timer_done && !is_bot) {
                    get_clearance_fn();
                }
            };

            ['mousemove','touchstart','scroll','click'].forEach(e =>
                window.addEventListener(e, check_fn)
            );
            if (navigator.webdriver || window.document.documentElement.getAttribute("webdriver") !== null) {
                is_bot = !0;
            }

            try {
                const canvas = document.createElement('canvas');
                const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
                if (gl) {
                    const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');
                    if (debugInfo) {
                        const renderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL).toLowerCase();
                        if (renderer.indexOf('swiftshader') !== -1 || renderer.indexOf('llvmpipe') !== -1) {
                            is_bot = !0;
                        }
                    }
                }
            } catch(e) {}

            // --- Таймер ---
            setTimeout(() => {
                timer_done = !0;

                if (is_bot) return;

                if (is_human) {
                    get_clearance_fn();
                } else {
                    document.getElementById('text').innerText = "Verification complete. Action required.";
                    document.getElementById('spinner').style.display = 'none';
                    document.getElementById('btn').style.display = 'block';
                }
            }, 3500);
        </script>
    </body>
    </html>
    