<html><head><base href="/" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iriXa - Free Roblox Lua Executor</title>
<style>
    :root {
        --primary: #8B5CF6;
        --dark: #1F1F1F;
        --darker: #141414;
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
    }

    body {
        background: var(--darker);
        color: white;
        overflow-x: hidden;
    }

    .navbar {
        background: rgba(31, 31, 31, 0.95);
        padding: 1rem;
        position: fixed;
        width: 100%;
        top: 0;
        backdrop-filter: blur(10px);
        z-index: 1000;
    }

    .logo {
        font-size: 2rem;
        color: var(--primary);
        text-decoration: none;
        font-weight: bold;
    }

    .hero {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 2rem;
        text-align: center;
        position: relative;
        overflow: hidden;
    }

    .floating-cats {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .cat {
        position: absolute;
        opacity: 0.15;
        animation: float 15s infinite linear;
    }

    @keyframes float {
        0% { transform: translateY(100vh) rotate(0deg); }
        100% { transform: translateY(-100vh) rotate(360deg); }
    }

    .stats {
        display: flex;
        gap: 2rem;
        margin: 2rem 0;
    }

    .stat {
        background: rgba(139, 92, 246, 0.1);
        padding: 1rem 2rem;
        border-radius: 10px;
        border: 1px solid var(--primary);
    }

    .download-btn {
        background: var(--primary);
        color: white;
        padding: 1rem 2rem;
        border-radius: 50px;
        text-decoration: none;
        font-weight: bold;
        transition: all 0.3s ease;
        margin: 1rem;
        border: none;
        cursor: pointer;
    }

    .download-btn:hover {
        transform: scale(1.05);
        box-shadow: 0 0 20px var(--primary);
    }

    .showcase {
        margin: 2rem;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 0 20px rgba(139, 92, 246, 0.3);
    }
</style>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
    <nav class="navbar">
        <a href="#" class="logo">iriXa</a>
    </nav>

    <div class="hero">
        <div class="floating-cats">
            <!-- SVG Cats that float in background -->
            <svg class="cat" style="left: 10%; animation-delay: 0s;" width="50" height="50" viewBox="0 0 24 24">
                <path fill="#8B5CF6" d="M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8Z"/>
            </svg>
            <!-- Add more cats with different positions and delays -->
        </div>

        <h1 style="font-size: 4rem; margin-bottom: 1rem;">iriXa</h1>
        <p style="font-size: 1.5rem; color: #A78BFA;">The Most Powerful Free Roblox Lua Executor</p>

        <div class="stats">
            <div class="stat">
                <h3>77%</h3>
                <p>UNC Rate</p>
            </div>
            <div class="stat">
                <h3>Level 3</h3>
                <p>Execution</p>
            </div>
            <div class="stat">
                <h3>100%</h3>
                <p>Free Forever</p>
            </div>
        </div>

        <div style="display: flex; gap: 1rem;">
            <a href="https://www.youtube.com/watch?v=xvFZjo5PgG0" class="download-btn">Download Now</a>
            <a href="https://www.youtube.com/watch?v=xvFZjo5PgG0" class="download-btn" style="background: transparent; border: 2px solid var(--primary);">Watch Showcase</a>
        </div>

        <div class="showcase">
            <!-- Replace with actual video showcase iframe -->
            <div style="padding:56.25% 0 0 0;position:relative;background:#2D2D2D;">
                <p style="position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);">Video Showcase</p>
            </div>
        </div>
    </div>

    <script>
        // Add floating cats animation
        function createFloatingCats() {
            const floatingCats = document.querySelector('.floating-cats');
            for(let i = 0; i < 10; i++) {
                const cat = document.createElement('svg');
                cat.classList.add('cat');
                cat.style.left = `${Math.random() * 100}%`;
                cat.style.animationDelay = `${Math.random() * 15}s`;
                cat.setAttribute('width', '50');
                cat.setAttribute('height', '50');
                cat.setAttribute('viewBox', '0 0 24 24');
                cat.innerHTML = '<path fill="#8B5CF6" d="M12,8L10.67,8.09C9.81,7.07 7.4,4.5 5,4.5C5,4.5 3.03,7.46 4.96,11.41C4.41,12.24 4.07,12.67 4,13.66L2.07,13.95L2.28,14.93L4.04,14.67L4.18,15.38L2.61,16.32L3.08,17.21L4.53,16.32C5.68,18.76 8.59,20 12,20C15.41,20 18.32,18.76 19.47,16.32L20.92,17.21L21.39,16.32L19.82,15.38L19.96,14.67L21.72,14.93L21.93,13.95L20,13.66C19.93,12.67 19.59,12.24 19.04,11.41C20.97,7.46 19,4.5 19,4.5C16.6,4.5 14.19,7.07 13.33,8.09L12,8Z"/>';
                floatingCats.appendChild(cat);
            }
        }

        createFloatingCats();
    </script>
</body>
</html>