
        <html>
        <head>
            <title>IP & TLS Fingerprints</title>
            <meta name='viewport' content='width=device-width, initial-scale=1'>
        </head>
        <body style='font-family:sans-serif; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; margin:0; padding:20px; box-sizing:border-box; background:#f5f5f7;'>

            <div style='background:white; padding:30px; border-radius:16px; box-shadow:0 4px 12px rgba(0,0,0,0.05); max-width:600px; width:100%; text-align:center;'>

                <h2 style='color:#8e8e93; margin:0 0 5px 0; font-size:1.2rem; text-transform:uppercase; letter-spacing:1px;'>IP Address</h2>
                <div id='ip' style='font-size:2.5rem; font-weight:bold; color:#0066cc; margin-bottom:15px; word-break:break-all;'>216.73.217.128</div>

                <h2 style='color:#8e8e93; margin:20px 0 5px 0; font-size:1.2rem; text-transform:uppercase; letter-spacing:1px;'>JA4 Fingerprint</h2>
                <div id='ja4' style='font-size:1.1rem; font-family:monospace; font-weight:bold; color:#1d1d1f; background:#f5f5f7; padding:10px; border-radius:8px; margin-bottom:15px; word-break:break-all;'>t13d1011h2_61a7ad8aa9b6_867a6ff6dde3</div>

                <h2 style='color:#8e8e93; margin:20px 0 5px 0; font-size:1.2rem; text-transform:uppercase; letter-spacing:1px;'>JA3 MD5 Hash</h2>
                <div id='ja3' style='font-size:1.1rem; font-family:monospace; font-weight:bold; color:#1d1d1f; background:#f5f5f7; padding:10px; border-radius:8px; margin-bottom:25px; word-break:break-all;'>0b1e9454edb119456e1fd5df1ff66e46</div>

                <div style='display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;'>
                    <button onclick="copyText('ip', this)" style='padding:12px 20px; font-size:0.95rem; font-weight:500; cursor:pointer; background:#0071e3; color:white; border:none; border-radius:8px; transition: 0.2s;'>
                        Copy IP
                    </button>
                    <button onclick="copyText('ja4', this)" style='padding:12px 20px; font-size:0.95rem; font-weight:500; cursor:pointer; background:#0071e3; color:white; border:none; border-radius:8px; transition: 0.2s;'>
                        Copy JA4
                    </button>
                    <button onclick="copyText('ja3', this)" style='padding:12px 20px; font-size:0.95rem; font-weight:500; cursor:pointer; background:#0071e3; color:white; border:none; border-radius:8px; transition: 0.2s;'>
                        Copy JA3
                    </button>
                    <button onclick='window.location.reload();' style='padding:12px 20px; font-size:0.95rem; font-weight:500; cursor:pointer; background:#8e8e93; color:white; border:none; border-radius:8px; transition: 0.2s;'>
                        Refresh
                    </button>
                </div>
            </div>

            <script>
                function copyText(elementId, btn) {
                    const text = document.getElementById(elementId).innerText;
                    if (!text || text === '-') return;

                    navigator.clipboard.writeText(text).then(() => {
                        const originalText = btn.innerText;
                        btn.innerText = 'Copied!';
                        btn.style.background = '#34c759';
                        setTimeout(() => {
                            btn.innerText = originalText;
                            btn.style.background = '#0071e3';
                        }, 1500);
                    });
                }
            </script>
        </body>
        </html>
        