<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Skidware - Advanced Roblox Scripting Utility</title>
    <meta name="description" content="Experience the power of Skidware with enhanced scripting capabilities and user-friendly interface for Roblox exploiting.">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            color-scheme: dark;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #0e0e10;
            color: white;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            overflow-x: hidden;
        }

        .gradient-background {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle, rgba(128, 0, 128, 0.2) 0%, rgba(255, 165, 0, 0.2) 100%);
            animation: gradient-shift 15s ease infinite;
            background-size: 400% 400%;
        }

        @keyframes gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        header {
            position: fixed;
            width: 100%;
            z-index: 10;
            backdrop-filter: blur(8px);
            background-color: rgba(14, 14, 16, 0.5);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 1rem;
        }

        nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1rem 0;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 1.25rem;
            font-weight: 600;
        }

        .nav-links {
            display: flex;
            gap: 1.5rem;
        }

        .nav-links a {
            color: #d1d5db;
            text-decoration: none;
            transition: color 0.3s;
        }

        .nav-links a:hover {
            color: white;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1.5rem;
            border-radius: 9999px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
        }

        .btn-primary {
            background-color: #5865f2;
            color: white;
        }

        .btn-primary:hover {
            background-color: #4752c4;
        }

        main {
            padding-top: 6rem;
            padding-bottom: 4rem;
            position: relative;
            z-index: 1;
        }

        .hero {
            text-align: center;
            margin-bottom: 4rem;
        }

        .version-badge {
            display: inline-flex;
            align-items: center;
            background-color: #2c2f33;
            border-radius: 9999px;
            padding: 0.25rem 0.75rem;
            font-size: 0.875rem;
            margin-bottom: 1.5rem;
        }

        .version-badge::before {
            content: '';
            display: inline-block;
            width: 0.5rem;
            height: 0.5rem;
            background-color: #10b981;
            border-radius: 50%;
            margin-right: 0.5rem;
        }

        h1 {
            font-size: 3.75rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
        }

        .hero p {
            color: #9ca3af;
            max-width: 48rem;
            margin: 0 auto 2rem;
            font-size: 1.125rem;
        }

        .download-btn {
            background: linear-gradient(to right, #9333ea, #db2777);
            color: white;
            font-weight: 700;
            padding: 1rem 2rem;
            border-radius: 9999px;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            transition: all 0.3s;
            position: relative;
            overflow: hidden;
        }

        .download-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .download-btn::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, #db2777, #9333ea);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .download-btn:hover::after {
            opacity: 1;
        }

        .download-btn span {
            position: relative;
            z-index: 1;
        }

        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            max-width: 72rem;
            margin: 0 auto;
        }

        .feature-card {
            background-color: #1f1f23;
            border-radius: 1rem;
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            height: 100%;
            transition: all 0.3s;
        }

        .feature-card:hover {
            transform: scale(1.05);
            box-shadow: 0 0 20px rgba(167, 139, 250, 0.2);
        }

        .feature-icon {
            margin-bottom: 1rem;
            color: #9333ea;
        }

        .feature-title {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }

        .feature-description {
            color: #9ca3af;
            font-size: 0.875rem;
            flex-grow: 1;
        }

        @media (max-width: 768px) {
            h1 {
                font-size: 2.5rem;
            }

            .nav-links {
                display: none;
            }
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <nav>
                <div class="logo">
                    <span>Skidware</span>
                </div>
                <div class="nav-links">
                    <a href="https://discord.gg/fWRG2QmMjD" class="btn btn-primary">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                        Discord
                    </a>
                </div>
            </nav>
        </div>
    </header>

    <main>
        <div class="container">
            <div class="hero">
                <div class="version-badge">Latest Version: v<span id="version">Loading...</span></div>
                <h1>Skidware</h1>
                <p>Skidware is a powerful Xeno-based Roblox executor, designed to deliver all the essential features you need for an optimized scripting experience. Explore below to discover the comprehensive tools and capabilities we offer to enhance your workflow.</p>
                <a href="https://github.com/100uzd/jbjj32jrbjrnn23mnrgn94n3gn84gn84n8b3nb4n8n8g34n8n84n8bn384n8b2mb3m2mbm32mb0m9/releases/download/skidware/latest.7z" class="download-btn">
                    <span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg>
                        Download Skidware
                    </span>
                </a>
            </div>

            <div class="features">
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg>
                    </div>
                    <h3 class="feature-title">Enhanced Scripting Utility</h3>
                    <p class="feature-description">Skidware is engineered to enhance your scripting efficiency, providing robust support for UNC functions, optimized execution, and direct access to critical services—enabling streamlined automation and seamless script exploration.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-layout"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
                    </div>
                    <h3 class="feature-title">Friendly User Interface</h3>
                    <p class="feature-description">Skidware features a user-friendly interface designed for seamless navigation, paired with smooth animations to enhance your overall experience in Roblox exploiting.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                    </div>
                    <h3 class="feature-title">User Support</h3>
                    <p class="feature-description">Join our active Discord community, where our dedicated support team is ready to assist you promptly, ensuring you receive top-notch help as quickly as possible for an unparalleled experience.</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-code"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
                    </div>
                    <h3 class="feature-title">Script Support</h3>
                    <p class="feature-description">Skidware delivers advanced scripting support, ensuring exceptional reliability and performance. With our platform, you gain the tools necessary for flawless script execution, driving efficiency and maximizing your potential in Roblox scripting.</p>
                </div>
            </div>
        </div>
    </main>

    <script>
        // Fetch the latest version
        fetch('https://raw.githubusercontent.com/100uzd/jbjj32jrbjrnn23mnrgn94n3gn84gn84n8b3nb4n8n8g34n8n84n8bn384n8b2mb3m2mbm32mb0m9/refs/heads/main/ver')
            .then(response => response.text())
            .then(data => {
                document.getElementById('version').textContent = data.trim();
            })
            .catch(() => {
                document.getElementById('version').textContent = 'N/A';
            });
    </script>
</body>
</html>