<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Evolution X Bypasser</title>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

        body {
            font-family: Arial, sans-serif;
            background-color: #121212;
            color: #ffffff;
            text-align: center;
            margin-top: 50px;
        }

        .container {
            background-color: #1e1e1e;
            padding: 20px;
            max-width: 500px;
            margin: auto;
            border-radius: 8px;
            box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .container:hover {
            transform: scale(1.05);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.7);
        }

        input[type="text"] {
            width: 80%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #333;
            border-radius: 4px;
            background-color: #222;
            color: #fff;
        }

        input[type="text"]:focus {
            border-color: #ff0000;
            outline: none;
        }

        button {
            padding: 10px 20px;
            background-color: #990000;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
            position: relative;
            overflow: hidden;
        }

        button:active {
            box-shadow: 0 0 20px #ff0000, inset 0 0 15px #ff0000;
        }

        button:hover {
            animation: glow 1s infinite;
            transform: scale(1.02);
        }

        #loadingOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 9999;
        }

        #loadingOverlay span {
            font-family: 'Poppins', sans-serif;
            font-size: 2rem;
            color: #ff0000;
            text-transform: uppercase;
            font-weight: bold;
            animation: blink 1s infinite;
        }

        .popup {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #1e1e1e;
            color: white;
            border-radius: 8px;
            box-shadow: 0px 0px 20px rgba(255, 0, 0, 0.5);
            padding: 20px;
            z-index: 9999;
            text-align: center;
        }

        .popup button {
            background-color: #990000;
            border: none;
            color: white;
            padding: 10px 20px;
            margin: 10px;
            border-radius: 4px;
            cursor: pointer;
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .popup button:hover {
            box-shadow: 0 0 10px #ff0000;
        }

        footer {
            margin-top: 50px;
            color: #ff0000;
            font-size: 0.9rem;
        }

        @keyframes glow {
            0% { box-shadow: 0 0 10px #ff0000; }
            50% { box-shadow: 0 0 20px #ff0000; }
            100% { box-shadow: 0 0 10px #ff0000; }
        }

        @keyframes blink {
            0% { opacity: 1; }
            50% { opacity: 0; }
            100% { opacity: 1; }
        }
    </style>
</head>
<body>

<div class="container">
    <h1>Evolution X Bypasser</h1>
    <p>Enter the URL:</p>
    <input type="text" id="linkInput" placeholder="Enter the URL here">
    <br>
    <button onclick="bypassLink()">Bypass</button>
</div>

<div id="loadingOverlay">
    <span>BYPASSING YOUR URL...</span>
</div>

<div class="popup" id="resultPopup">
    <h3>Results:</h3>
    <p id="bypassResult">Your key will appear here</p>
    <button onclick="copyResult()">Copy</button>
    <button id="openLinkButton" style="display: none;" onclick="openLink()">Open Link</button>
    <button onclick="closePopup()">Close</button>
</div>

<footer> © Nexapps 2020-2024 | Api-rights: bypass.vip</footer>

<script>
    let lastBypassTime = 0;

    function bypassLink() {
        const cooldown = 10000;
        const now = Date.now();

        if (now - lastBypassTime < cooldown) {
            alert("Please wait 10 seconds before bypassing again.");
            return;
        }

        lastBypassTime = now;

        const link = document.getElementById("linkInput").value;
        if (!link) {
            alert("Please enter a URL.");
            return;
        }

        const helicopter = "aHR0cHM6Ly9hcGkuYn";
        const fighterjet = "lwYXNzLnZpcC9wcmV";
        const tsarbomb = "taXVtL2J5cGFzcz91cmw9";
        const united = atob(helicopter + fighterjet + tsarbomb);
        const aeroplane = "a009e480-50aa-47c1-8d4a-8212e36eb7d5";

        const loadingOverlay = document.getElementById("loadingOverlay");
        loadingOverlay.style.display = "flex";

        fetch(united + encodeURIComponent(link), {
            headers: { "x-api-key": aeroplane }
        })
            .then(response => response.json())
            .then(data => {
                loadingOverlay.style.display = "none";

                if (data.status === "success") {
                    const result = data.result || "N/A";
                    document.getElementById("bypassResult").innerText = result;

                    const openLinkButton = document.getElementById("openLinkButton");
                    if (result.startsWith("http")) {
                        openLinkButton.style.display = "inline-block";
                        openLinkButton.dataset.url = result;
                    } else {
                        openLinkButton.style.display = "none";
                    }

                    document.getElementById("resultPopup").style.display = "block";
                } else {
                    alert(data.error || "Error occurred while bypassing.");
                }
            })
            .catch(err => {
                loadingOverlay.style.display = "none";
                alert("An error occurred: " + err.message);
            });
    }

    function copyResult() {
        const resultText = document.getElementById("bypassResult").innerText;
        navigator.clipboard.writeText(resultText).then(() => {
            alert("Key copied to clipboard!");
        }).catch(() => {
            alert("Failed to copy the key. Hold the text to copy!");
        });
    }

    function openLink() {
        const url = document.getElementById("openLinkButton").dataset.url;
        window.open(url, "_blank");
    }

    function closePopup() {
        document.getElementById("resultPopup").style.display = "none";
    }
</script>

</body>
</html>