<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flow Bypasser - Bypass Adlink</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 100vh;
            margin: 0;
            background-color: #f4f4f4;
            position: relative;
        }

        .container {
            text-align: center;
            background: #ffffff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            width: 90%;
            max-width: 400px;
            box-sizing: border-box;
        }

        h1 {
            color: #333;
            font-size: 24px;
        }

        input[type="text"] {
            width: calc(100% - 22px); /* Adjust for padding and border */
            padding: 10px;
            margin: 15px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
            box-sizing: border-box;
        }

        button {
            width: 100%;
            padding: 10px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        button:hover {
            background-color: #0056b3;
        }

        .separator {
            margin: 20px 0;
            border-top: 1px solid #ccc;
        }

        .action-buttons {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .action-buttons button {
            width: 48%;
            background-color: #6c757d;
        }

        .action-buttons button:hover {
            background-color: #5a6268;
        }

        #result {
            margin-top: 20px;
            color: #28a745;
            font-size: 16px;
            word-wrap: break-word;
        }

        #error {
            margin-top: 20px;
            color: #dc3545;
            font-size: 16px;
        }

        .modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            display: none;
        }

        .modal-content {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
            text-align: center;
            width: 90%;
            max-width: 300px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        .modal-content h2 {
            margin: 0 0 10px;
            font-size: 18px;
            color: #333;
        }

        .modal-content a {
            display: block;
            margin: 10px 0;
            color: #007bff;
            text-decoration: none;
        }

        .modal-content a:hover {
            text-decoration: underline;
        }

        .modal-content button {
            margin-top: 10px;
            padding: 5px 10px;
            background: #dc3545;
            color: #fff;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }

        .modal-content button:hover {
            background: #bd2130;
        }

        footer {
            margin-top: 20px;
            font-size: 14px;
            color: #555;
            text-align: center;
        }

        footer a {
            color: #007bff;
            text-decoration: none;
        }

        footer a:hover {
            text-decoration: underline;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Flow Bypasser - Bypass Adlink</h1>
        <input type="text" id="linkInput" placeholder="Enter link to bypass">
        <button id="bypassButton">Bypass Link</button>
        <div class="separator"></div>
        <div class="action-buttons">
            <button id="inviteBotButton">Invite Bypass Bot</button>
            <button id="supportedButton">Supported</button>
        </div>
        <div id="result"></div>
        <div id="error"></div>
    </div>

    <div class="modal" id="supportedModal">
        <div class="modal-content">
            <h2>Supported Links</h2>
            <ul>
                <li>Linkvertise</li>
                <li>AdMaven / LootLabs</li>
                <li>Trigon KeySystem</li>
                <li>Fluxus KeySystem</li>
                <li>MBoost</li>
                <li>Sub2Unlock (.com, .io, .net)</li>
                <li>Sub4Unlock (.io, .net)</li>
                <li>Boost.ink</li>
                <li>SocialWolvez</li>
                <li>AdFocus</li>
                <li>MediaFire (Direct Download Link)</li>
                <li>PasteDrop (gets raw content)</li>
                <li>Pastebin (gets raw content)</li>
                <li>Paster.so</li>
                <li>UnlockNow.net</li>
                <li>Rekonise (rkns.link domain supported)</li>
                <li>Sub2Get.com</li>
                <li>SocialUnlock(.com)</li>
                <li>Atlantis Windows KeySystem</li>
                <li>SubFinal</li>
            </ul>
            <button id="closeModalButton">Close</button>
        </div>
    </div>

    <footer>
        <p>Made by <a href="https://youtube.com/@RileyBeeRBLX4" target="_blank">RileyBeeRBLX</a></p>
    </footer>

    <script>
        const bypassButton = document.getElementById('bypassButton');
        const linkInput = document.getElementById('linkInput');
        const resultDiv = document.getElementById('result');
        const errorDiv = document.getElementById('error');
        const supportedButton = document.getElementById('supportedButton');
        const supportedModal = document.getElementById('supportedModal');
        const closeModalButton = document.getElementById('closeModalButton');
        const inviteBypassBot = document.getElementById('inviteBotButton');

        bypassButton.addEventListener('click', async () => {
            const userLink = linkInput.value.trim();

            resultDiv.textContent = '';
            errorDiv.textContent = '';

            if (!userLink) {
                errorDiv.textContent = 'Please enter a valid link.';
                return;
            }

            try {
                const encodedUrl = encodeURIComponent(userLink);
                const apiUrl = `https://ethos.kys.gay/api/free/bypass?url=${encodedUrl}`;

                const response = await fetch(apiUrl);
                const data = await response.json();

                if (data.success) {
                    resultDiv.innerHTML = `Bypassed Link: <a href="${data.result}" target="_blank">${data.result}</a>`;
                } else {
                    errorDiv.textContent = 'Failed to bypass the link. Please try again.';
                }
            } catch (error) {
                errorDiv.textContent = 'An error occurred while bypassing the link. Please try again later.';
            }
        });

    inviteBypassBot.addEventListener("click", () => {
      window.location.href = "https://discord.com/oauth2/authorize?client_id=1321179984001241168&permissions=8&integration_type=0&scope=bot+applications.commands";
    });

        supportedButton.addEventListener('click', () => {
            supportedModal.style.display = 'flex';
        });

        closeModalButton.addEventListener('click', () => {
            supportedModal.style.display = 'none';
        });
    </script>
</body>
</html>