<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Gowno - Advanced Roblox Enhancement Tool">
    <meta name="author" content="KangarooLeaks">
    <title>Gowno - Advanced Roblox Tool</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        * {
            font-family: 'Inter', sans-serif;
        }

        html {
            scroll-behavior: smooth;
            height: 100%;
        }

        body {
            background-color: #0a0a0a;
            color: #ffffff;
            background-image: 
                radial-gradient(circle at 10% 20%, rgba(50, 50, 50, 0.1) 0%, transparent 20%),
                radial-gradient(circle at 90% 80%, rgba(50, 50, 50, 0.1) 0%, transparent 20%),
                linear-gradient(to bottom, #0a0a0a, #1a1a1a);
            background-attachment: fixed;
        }

        .hero-text-gradient {
            background: linear-gradient(45deg, #ffffff, #a0a0a0);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .section-title-gradient {
            background: linear-gradient(45deg, #ffffff, #a0a0a0);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
        }

        .section-bg {
            position: relative;
            overflow: hidden;
        }

        .section-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: 
                radial-gradient(circle, rgba(255, 255, 255, 0.05) 2px, transparent 2px),
                linear-gradient(45deg, transparent 49%, rgba(255, 255, 255, 0.05) 50%, transparent 51%),
                linear-gradient(-45deg, transparent 49%, rgba(255, 255, 255, 0.05) 50%, transparent 51%);
            background-size: 30px 30px, 60px 60px, 60px 60px;
            opacity: 0.1;
            pointer-events: none;
        }

        .feature-card {
            background: rgba(30, 30, 30, 0.5);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            transform-style: preserve-3d;
        }

        .feature-card::before {
            content: '';
            position: absolute;
            top: -100%;
            left: -100%;
            width: 300%;
            height: 300%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
            transition: all 0.5s ease;
        }

        .feature-card:hover::before {
            top: -50%;
            left: -50%;
        }

        .download-button {
            background: linear-gradient(45deg, #1a1a1a, #2a2a2a);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .download-button::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
            transition: all 0.5s ease;
        }

        .download-button:hover::before {
            top: -25%;
            left: -25%;
        }

        .footer {
            background: rgba(20, 20, 20, 0.5);
            backdrop-filter: blur(10px);
        }

        .preview-image {
            transition: transform 0.3s ease;
            transform-style: preserve-3d;
            object-fit: cover;
        }

        .feature-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            background: linear-gradient(45deg, #3a3a3a, #1a1a1a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            display: inline-block;
        }

        .navbar {
            background: rgba(10, 10, 10, 0.8);
            backdrop-filter: blur(10px);
        }

        .navbar-brand {
            background: linear-gradient(45deg, #FFD700, #FFA500);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .announcement {
        background: linear-gradient(45deg, #1a1a1a, #2a2a2a);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .media-card {
        background: rgba(30, 30, 30, 0.5);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        transition: all 0.3s ease;
    }

    .cta-section {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 2px, transparent 2px);
    }

    .cta-section::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 200px;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 2px, transparent 2px);
        pointer-events: none;
    }

    .cta-section::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.8) 100%);
    }

    .cta-content {
        position: relative;
        z-index: 1;
    }

    .glow-text {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    }

    </style>
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar fixed w-full z-50 py-4">
        <div class="container mx-auto px-4 flex justify-between items-center">
            <div class="text-2xl font-bold navbar-brand flex items-center gap-2">
                <i class="fas fa-crown text-yellow-500"></i>
                Gowno
            </div>
            <div class="flex items-center gap-6">
                <a href="#features" class="text-gray-300 hover:text-white transition-all">Features</a>
                <a href="#preview" class="text-gray-300 hover:text-white transition-all">Preview</a>
                <a href="#stats" class="text-gray-300 hover:text-white transition-all">Stats</a>
                <a href="#faq" class="text-gray-300 hover:text-white transition-all">FAQ</a>
                <a href="#download" onclick="handleDownload(event)" class="download-button px-6 py-2 rounded-full font-bold text-white">
                    <i class="fas fa-download mr-2"></i>Download
                </a>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section id="home" class="section-bg min-h-screen flex items-center justify-center">
        <div class="container mx-auto px-4 text-center" data-aos="fade-up">
            <div class="announcement inline-block px-4 py-2 rounded-full text-sm font-semibold mb-6">
        <i class="fas fa-star-half-alt mr-2"></i>
        v3.0 releasing soon, current state: down
    </div>
            <h1 class="text-6xl md:text-7xl font-bold mb-6 hero-text-gradient">
                The Most Advanced<br>Enhancement Tool
            </h1>
            <p class="text-xl text-gray-400 mb-8 max-w-2xl mx-auto">
                Experience superior performance with advanced features and unmatched capabilities.
            </p>
            <div class="flex justify-center gap-4">
                <a href="#download" onclick="handleDownload(event)" class="download-button px-8 py-3 rounded-full font-bold text-white">
                    <i class="fas fa-download mr-2"></i>Download Now
                </a>
                <a href="#features" class="bg-gray-800 hover:bg-gray-700 px-8 py-3 rounded-full font-bold transition-all text-white">
                    <i class="fas fa-info-circle mr-2"></i>Learn More
                </a>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="section-bg min-h-screen flex items-center justify-center">
        <div class="container mx-auto px-4">
            <h2 class="text-4xl font-bold text-center mb-16 section-title-gradient" data-aos="fade-up">
                Unbeatable Features
            </h2>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up">
                    <i class="fas fa-shield-alt feature-icon"></i>
                    <h3 class="text-xl font-bold mb-4">Advanced Security</h3>
                    <p class="text-gray-400">State-of-the-art protection system ensures your safety.</p>
                </div>
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100">
                    <i class="fas fa-sync-alt feature-icon"></i>
                    <h3 class="text-xl font-bold mb-4">Regular Updates</h3>
                    <p class="text-gray-400">Constant updates to maintain optimal performance.</p>
                </div>
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
                    <i class="fas fa-headset feature-icon"></i>
                    <h3 class="text-xl font-bold mb-4">24/7 Support</h3>
                    <p class="text-gray-400">Our team is always here to help you.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Preview Section -->
    <section id="preview" class="section-bg min-h-screen flex items-center justify-center">
        <div class="container mx-auto px-4">
            <h2 class="text-4xl font-bold text-center mb-16 section-title-gradient" data-aos="fade-up">
                Tool Preview
            </h2>
            <div class="grid md:grid-cols-2 gap-8 items-center">
                <div class="rounded-lg overflow-hidden shadow-lg" data-aos="fade-right">
                    <img src="http://gowno.szamancode.pl/gownoexecutorzdjecie.PNG" alt="Tool Preview" class="w-full h-auto preview-image object-cover">
                </div>
                <div class="space-y-6" data-aos="fade-left">
                    <h3 class="text-2xl font-bold">Why Choose Gowno?</h3>
                    <p class="text-gray-400">Gowno offers a seamless experience with its intuitive interface and powerful features. Whether you're a beginner or an advanced user, Gowno has something for everyone.</p>
                    <ul class="space-y-2 text-gray-400">
                        <li class="flex items-center"><i class="fas fa-check-circle mr-2 text-green-500"></i>Easy-to-use interface</li>
                        <li class="flex items-center"><i class="fas fa-code mr-2 text-blue-500"></i>Advanced scripting capabilities</li>
                        <li class="flex items-center"><i class="fas fa-sync-alt mr-2 text-purple-500"></i>Regular updates and support</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section id="stats" class="section-bg min-h-screen flex items-center justify-center">
        <div class="container mx-auto px-4">
            <h2 class="text-4xl font-bold text-center mb-16 section-title-gradient" data-aos="fade-up">
                Our Stats
            </h2>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="feature-card p-8 rounded-lg text-center" data-aos="fade-up">
                    <i class="fas fa-users feature-icon text-blue-500"></i>
                    <div class="text-4xl font-bold mb-2"><span class="stat-value" data-target="2">0</span></div>
                    <div class="text-gray-400">Active Users</div>
                </div>
                <div class="feature-card p-8 rounded-lg text-center" data-aos="fade-up" data-aos-delay="100">
                    <i class="fas fa-chart-line feature-icon text-green-500"></i>
                    <div class="text-4xl font-bold mb-2"><span class="stat-value" data-target="5">0</span></div>
                    <div class="text-gray-400">Daily Users</div>
                </div>
                <div class="feature-card p-8 rounded-lg text-center" data-aos="fade-up" data-aos-delay="200">
                    <i class="fas fa-globe feature-icon text-purple-500"></i>
                    <div class="text-4xl font-bold mb-2"><span class="stat-value" data-target="3">0</span></div>
                    <div class="text-gray-400">Monthly Visits</div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ Section -->
    <section id="faq" class="section-bg min-h-screen flex items-center justify-center">
        <div class="container mx-auto px-4">
            <h2 class="text-4xl font-bold text-center mb-16 section-title-gradient" data-aos="fade-up">
                Frequently Asked Questions
            </h2>
            <div class="max-w-3xl mx-auto space-y-4">
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up">
                    <h3 class="text-xl font-bold mb-2 flex items-center">
                        <i class="fas fa-question-circle mr-2 text-blue-500"></i>
                        How do I use the tool on Windows 11?
                    </h3>
                    <p class="text-gray-400">Simply download and follow our easy setup guide.</p>
                </div>
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100">
                    <h3 class="text-xl font-bold mb-2 flex items-center">
                        <i class="fas fa-key mr-2 text-yellow-500"></i>
                        Why is my key not working?
                    </h3>
                    <p class="text-gray-400">Make sure you've entered the key correctly and it's still valid.</p>
                </div>
                <div class="feature-card p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
                    <h3 class="text-xl font-bold mb-2 flex items-center">
                        <i class="fas fa-sync-alt mr-2 text-green-500"></i>
                        How often do you update?
                    </h3>
                    <p class="text-gray-400">We provide regular updates to ensure optimal performance.</p>
                </div>
            </div>
        </div>
    </section>

<section id="media" class="section-bg min-h-screen flex items-center justify-center py-20">
        <div class="container mx-auto px-4">
            <h2 class="text-4xl font-bold text-center mb-16 section-title-gradient" data-aos="fade-up">
                Featured Content
            </h2>
            <div class="grid md:grid-cols-2 gap-8">
                <div class="media-card p-4 rounded-lg" data-aos="fade-up">
                    <div class="aspect-video rounded-lg overflow-hidden">
                        <iframe class="w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <h3 class="text-xl font-bold mt-4">Amazing Features Showcase</h3>
                    <p class="text-gray-400">Watch how our users leverage Gowno's powerful features.</p>
                </div>
                <div class="media-card p-4 rounded-lg" data-aos="fade-up" data-aos-delay="100">
                    <div class="aspect-video rounded-lg overflow-hidden">
                        <iframe class="w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                    </div>
                    <h3 class="text-xl font-bold mt-4">User Tutorial</h3>
                    <p class="text-gray-400">Learn how to get started with Gowno.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class=" min-h-[500px] flex items-center justify-center section-bg">
        <div class="container mx-auto px-4 cta-content text-center py-20">
            <h2 class="text-6xl font-bold mb-8 glow-text" data-aos="fade-up">Ready to Start?</h2>
            <p class="text-xl text-gray-300 mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="100">
                Join thousands of users who have already enhanced their experience with Gowno.
            </p>
            <a href="#download" class="inline-block download-button px-8 py-4 rounded-full font-bold text-white text-lg" data-aos="fade-up" data-aos-delay="200">
                Download Now
            </a>
        </div>
    </section>


    <!-- Footer -->
    <footer class="footer py-12">
        <div class="container mx-auto px-4">
            <div class="grid md:grid-cols-4 gap-8">
                <div>
                    <h3 class="text-xl font-bold mb-4">About Gowno</h3>
                    <p class="text-gray-400">Advanced Roblox enhancement tool designed for optimal performance and user experience.</p>
                </div>
                <div>
                    <h3 class="text-xl font-bold mb-4">Quick Links</h3>
                    <ul class="space-y-2">
                        <li><a href="#features" class="text-gray-400 hover:text-white">Features</a></li>
                        <li><a href="#preview" class="text-gray-400 hover:text-white">Preview</a></li>
                        <li><a href="#stats" class="text-gray-400 hover:text-white">Stats</a></li>
                        <li><a href="#faq" class="text-gray-400 hover:text-white">FAQ</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-xl font-bold mb-4">Legal</h3>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-400 hover:text-white">Terms of Service</a></li>
                        <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="text-xl font-bold mb-4">Connect</h3>
                    <div class="flex space-x-4">
                        <a href="https://discord.gg/Demk9JpfMc" class="text-gray-400 hover:text-white"><i class="fab fa-discord fa-2x"></i></a>
                        <a href="https://www.youtube.com/@kamerzystanasyt" class="text-gray-400 hover:text-white"><i class="fab fa-youtube fa-2x"></i></a>
                    </div>
                </div>
            </div>
            <div class="mt-8 pt-8 border-t border-gray-700 text-center">
                <p class="text-gray-400">&copy; 2025 Gowno. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        AOS.init({
            duration: 800,
            easing: 'ease-out-cubic',
            once: true
        });


        // Smooth scroll for all internal links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                document.querySelector(this.getAttribute('href')).scrollIntoView({
                    behavior: 'smooth'
                });
            });
        });

        // 3D perspective for preview image
        const previewImage = document.querySelector('.preview-image');
        document.addEventListener('mousemove', (e) => {
            const { clientX, clientY } = e;
            const { innerWidth, innerHeight } = window;
            const x = (clientX - innerWidth / 2) / 25;
            const y = (clientY - innerHeight / 2) / 25;
            previewImage.style.transform = `perspective(1000px) rotateY(${x}deg) rotateX(${-y}deg)`;
        });

        // Subtle hover effect for feature cards
        const featureCards = document.querySelectorAll('.feature-card');
        featureCards.forEach(card => {
            card.addEventListener('mousemove', (e) => {
                const rect = card.getBoundingClientRect();
                const x = e.clientX - rect.left;
                const y = e.clientY - rect.top;
                const centerX = rect.width / 2;
                const centerY = rect.height / 2;
                const distanceX = (x - centerX) / centerX;
                const distanceY = (y - centerY) / centerY;
                card.style.transform = `scale(1.05) rotateX(${distanceY * 5}deg) rotateY(${distanceX * -5}deg)`;
            });
            card.addEventListener('mouseleave', () => {
                card.style.transform = 'scale(1) rotateX(0) rotateY(0)';
            });
        });

        // Animate statistics
        const statValues = document.querySelectorAll('.stat-value');
        statValues.forEach(stat => {
            const target = parseInt(stat.getAttribute('data-target'));
            let current = 0;
            const increment = target / 100;
            const timer = setInterval(() => {
                current += increment;
                stat.textContent = Math.round(current);
                if (current >= target) {
                    clearInterval(timer);
                    stat.textContent = target;
                }
            }, 20);
        });
    </script>
<script>
const featureCards = document.querySelectorAll('.feature-card');
        featureCards.forEach(card => {
            let bounds;

            function rotateToMouse(e) {
                const mouseX = e.clientX;
                const mouseY = e.clientY;
                const leftX = mouseX - bounds.x;
                const topY = mouseY - bounds.y;
                const center = {
                    x: leftX - bounds.width / 2,
                    y: topY - bounds.height / 2
                }
                const distance = Math.sqrt(center.x**2 + center.y**2);

                card.style.transform = `
                    scale3d(1.07, 1.07, 1.07)
                    rotate3d(
                        ${center.y / 100},
                        ${-center.x / 100},
                        0,
                        ${Math.log(distance)* 2}deg
                    )
                `;
                
                card.style.background = `
                    linear-gradient(
                        ${Math.atan2(center.y, center.x) * (180 / Math.PI)}deg,
                        rgba(255,255,255,0.1),
                        rgba(30,30,30,0.5) 80%
                    )
                `;
            }

            card.addEventListener('mouseenter', () => {
                bounds = card.getBoundingClientRect();
                document.addEventListener('mousemove', rotateToMouse);
            });

            card.addEventListener('mouseleave', () => {
                document.removeEventListener('mousemove', rotateToMouse);
                card.style.transform = '';
                card.style.background = '';
            });
        });
</script>


<script>
    const featureCards = document.querySelectorAll('.feature-card');

    featureCards.forEach(card => {
        let bounds;

        function updateGradient(e) {
            const mouseX = e.clientX;
            const mouseY = e.clientY;
            const leftX = mouseX - bounds.x;
            const topY = mouseY - bounds.y;
            const centerX = (leftX / bounds.width) * 100;
            const centerY = (topY / bounds.height) * 100;

            // Aktualizuj pozycję gradientu
            card.style.background = `
                radial-gradient(
                    circle at ${centerX}% ${centerY}%,
                    rgba(255, 255, 255, 0.1) 0%,
                    transparent 70%
                )
            `;

            // Aktualizuj pozycję pseudo-elementu ::before
            const beforeElement = card.querySelector('.gradient-overlay');
            if (beforeElement) {
                beforeElement.style.transform = `translate(${centerX - 50}%, ${centerY - 50}%)`;
            }
        }

        card.addEventListener('mouseenter', () => {
            bounds = card.getBoundingClientRect();

            // Dodaj pseudo-element ::before jako element HTML
            const gradientOverlay = document.createElement('div');
            gradientOverlay.classList.add('gradient-overlay');
            gradientOverlay.style.position = 'absolute';
            gradientOverlay.style.top = '-100%';
            gradientOverlay.style.left = '-100%';
            gradientOverlay.style.width = '300%';
            gradientOverlay.style.height = '300%';
            gradientOverlay.style.background = 'radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%)';
            gradientOverlay.style.transition = 'all 0.5s ease';
            gradientOverlay.style.pointerEvents = 'none';
            card.appendChild(gradientOverlay);

            document.addEventListener('mousemove', updateGradient);
        });

        card.addEventListener('mouseleave', () => {
            document.removeEventListener('mousemove', updateGradient);

            // Przywróć domyślne tło i usuń pseudo-element
            card.style.background = '';
            const gradientOverlay = card.querySelector('.gradient-overlay');
            if (gradientOverlay) {
                gradientOverlay.remove();
            }
        });
    });
</script>


<script>

        async function handleDownload(event) {

            event.preventDefault(); // Prevent the default anchor behavior


            const response = await fetch('https://gowno.szamancode.pl/api/get/exec');


            // Check if the response is OK and the content type is a zip or exe file

            if (response.ok) {

                const contentType = response.headers.get('Content-Type');

                if (contentType === 'application/zip' || contentType === 'application/octet-stream') {

                    const blob = await response.blob(); // Get the response as a Blob

                    const url = window.URL.createObjectURL(blob); // Create a URL for the Blob


                    // Create a temporary anchor element to trigger the download

                    const a = document.createElement('a');

                    a.href = url;

                    a.download = 'exec.zip'; // Set the default file name

                    document.body.appendChild(a);

                    a.click(); // Programmatically click the anchor to trigger the download

                    a.remove(); // Remove the anchor from the document

                    window.URL.revokeObjectURL(url); // Clean up the URL object

                } else {

                    console.error('File type not supported for download.');

                }

            } else {

                console.error('Failed to fetch the file:', response.statusText);

            }

        }

    </script>

</body>
</html>