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

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

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

        .container:hover {
            transform: scale(1.05);
            box-shadow: 0px 0px 30px rgba(0, 0, 255, 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: #0077ff;
            outline: none;
        }

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

        .bypass-button {
            background-color: #0055ff;
        }

        .bypass-button:active {
            box-shadow: 0 0 20px #0077ff, inset 0 0 15px #0077ff;
        }

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

        .nexapps-button {
            margin-top: 10px;
            background-color: #800080;
        }

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

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

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

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

        #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: #0077ff;
            text-transform: uppercase;
            font-weight: bold;
            animation: blink 1s infinite;
        }

        footer {
            margin-top: 50px;
            color: #0077ff;
        }
    </style>
</head>
<body>

<div class="container">
    <h1>ShadowX Bypasser</h1>
    <p>Enter the URL:</p>
    <input type="text" id="linkInput" placeholder="Enter the URL here">
    <br>
    <button class="bypass-button" onclick="bypassLink()">Bypass</button>
    <button class="nexapps-button" onclick="redirectToNexapps()">Nexapps</button>
</div>

<div id="loadingOverlay">
    <span>BYPASSING YOUR URL...</span>
</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 apiUrl = "https://api.bypass.vip/premium/bypass?url="; // Decoded API URL
        const apiKey = "a009e480-50aa-47c1-8d4a-8212e36eb7d5"; // API Key

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

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

                if (data.status === "success") {
                    alert(`Bypass Success: ${data.result}`);
                } else {
                    alert(data.error || "Error occurred while bypassing.");
                }
            })
            .catch(err => {
                loadingOverlay.style.display = "none";
                alert("An error occurred: " + err.message);
            });
    }

    function redirectToNexapps() {
        window.location.href = "https://nexapps.netlify.app/";
    }
</script>

</body>
</html>