    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        
        :root {
            --primary: #6C5CE7;
            --primary-dark: #5849d1;
            --background: #0a0a0f;
            --section-bg: #1e293b;
            --card-bg: rgba(30, 41, 59, 0.95);
            --text: #ffffff;
            --text-secondary: rgba(255, 255, 255, 0.8);
            --border-color: rgba(255, 255, 255, 0.1);
            --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            scroll-behavior: smooth;
        }

        body {
            background-color: var(--background);
            color: var(--text);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* Navigation */
        nav {
            background: rgba(10, 10, 15, 0.8);
            backdrop-filter: blur(10px);
            padding: 1rem 2rem;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 100;
            border-bottom: 1px solid var(--border-color);
        }

        .nav-container {
            max-width: 1400px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            width: 61px;
            height: 33px;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .logo:hover {
            transform: scale(1.05);
        }

        .nav-links {
            display: flex;
            gap: 2.5rem;
            align-items: center;
        }

        .nav-links a {
            color: var(--text);
            text-decoration: none;
            font-weight: 500;
            transition: all 0.3s ease;
            font-size: 0.95rem;
        }

        .nav-links a:not(.btn):hover {
            color: var(--primary);
        }
/* Hero Section */
.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6rem 2rem 4rem;
    background: var(--background);
    position: relative;
    overflow: hidden;
    text-align: center;
}

.hero::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, var(--primary) 0%, transparent 70%);
    opacity: 0.1;
    top: 0;
    left: 0;
}

.hero-content {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
    text-align: center;
}

.hero-text {
    padding: 0 2rem;
    
}

.hero-text h1 {
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 1.5rem;
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}

.hero-text p {
    font-size: 1.25rem;
    color: var(--text-secondary);
    margin-bottom: 2.5rem;
}

.hero-buttons {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.hero-buttons .btn {
    padding: 10px 20px;
    background-color: var(--primary);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    transition: background-color 0.3s ease;
}

.hero-buttons .btn:hover {
    background-color: var(--primary-dark);
}

/* Video Container */



        /* Sections */
        .section {
            padding: 8rem 2rem;
            position: relative;
        }

        .section-content {
            max-width: 1400px;
            margin: 0 auto;
        }

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

        .section-title h2 {
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 1rem;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .section-title p {
            font-size: 1.25rem;
            color: var(--text-secondary);
            max-width: 600px;
            margin: 0 auto;
        }

        /* Features Grid */
        .features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 4rem;
        }

        .feature-card {
            background: var(--card-bg);
            border-radius: 1rem;
            padding: 2rem;
            text-align: center;
            transition: transform 0.3s ease;
            border: 1px solid var(--border-color);
        }

        .feature-card:hover {
            transform: translateY(-5px);
        }

        .feature-icon {
            font-size: 2.5rem;
            color: var(--primary);
            margin-bottom: 1.5rem;
        }

        .feature-card h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: var(--text);
        }

        .feature-card p {
            color: var(--text-secondary);
        }

        .demo {
            background-color: var(--section-bg);
        }

        .demo-container {
            display: flex;
            align-items: center;
            gap: 4rem;
        }

        .demo-video {
            flex: 1;
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: 0 25px 25px -12px rgba(0, 0, 0, 0.5);
            position: relative;
            height: 100%; 
        }

        .demo-video img,
        .demo-video video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .demo-content {
            flex: 1;
        }

        .demo-content ul {
            list-style: none;
            margin-top: 2rem;
        }

        .demo-content li {
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .demo-content li i {
            color: var(--primary);
        }

        .discord-icon {
            width: 24px;
            height: 24px;
        }

        footer {
            background-color: var(--background-color);
            padding: 4rem 2rem;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-content {
            max-width: 1200px;
            margin: 0 auto;
        }

        .social-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }

        .social-links a {
            color: var(--text-color);
            font-size: 1.5rem;
            transition: color 0.3s ease;
        }

        .social-links a:hover {
            color: var(--primary-color);
        }

        @media (max-width: 768px) {
            .hero-text h1 {
                font-size: 3rem;
            }

            .hero-text p {
                font-size: 1.25rem;
            }

            .demo-container {
                flex-direction: column;
            }

            .nav-links {
                display: none;
            }

            .section {
                padding: 4rem 1rem;
            }

            .section-title h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 480px) {
            .hero-text h1 {
                font-size: 2.5rem;
            }

            .btn {
                width: 100%;
                justify-content: center;
            }
        }
        .progress-timeline {
            position: relative;
            max-width: 800px;
            margin: 4rem auto 0;
            padding: 2rem;
        }

        .timeline-item {
            position: relative;
            padding: 2rem;
            background: var(--card-bg);
            border-radius: 1rem;
            margin-bottom: 2rem;
            border: 1px solid var(--border-color);
        }

        .timeline-item::before {
            content: '';
            position: absolute;
            left: -1rem;
            top: 50%;
            width: 2rem;
            height: 2px;
            background: var(--primary);
        }

        .timeline-item h3 {
            color: var(--primary);
            margin-bottom: 0.5rem;
        }

        .cta {
            text-align: center;
            padding: 6rem 2rem;
            background: var(--gradient);
            position: relative;
        }

        .cta::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at center, transparent 0%, rgba(15, 23, 42, 0.4) 100%);
        }

        .cta-content {
            position: relative;
            z-index: 2;
            max-width: 600px;
            margin: 0 auto;
        }

        .cta h2 {
            font-size: 3rem;
            margin-bottom: 1.5rem;
            color: var(--text);
        }

        .cta p {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            color: var(--text-secondary);
        }

        /* Buttons */
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.875rem 2rem;
            border-radius: 0.75rem;
            font-weight: 600;
            font-size: 1rem;
            text-decoration: none;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            background: var(--gradient);
            color: white;
            border: none;
            cursor: pointer;
        }

        .btn::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .btn:hover::before {
            opacity: 1;
        }

        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -10px rgba(108, 92, 231, 0.5);
        }

        /* Footer */
        footer {
            background-color: var(--background);
            padding: 4rem 2rem;
            text-align: center;
            border-top: 1px solid var(--border-color);
        }

        .footer-content {
            max-width: 1400px;
            margin: 0 auto;
        }

        .social-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 2rem;
        }

        .social-links a {
            color: var(--text);
            font-size: 1.5rem;
            transition: color 0.3s ease;
        }

        .social-links a:hover {
            color: var(--primary);
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .hero-content {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .hero-text {
                padding-right: 0;
            }

            .hero-text h1 {
                font-size: 3rem;
            }

            .demo-container {
                flex-direction: column;
            }
        }

        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

            .hero-text h1 {
                font-size: 2.5rem;
            }



            .section {
                padding: 4rem 1rem;
            }

            .section-title h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 480px) {
            .hero-text h1 {
                font-size: 2rem;
            }

            .btn {
                width: 100%;
                justify-content: center;
            }
        }
    </style>
<link href="https://unpkg.com/globalseo/dist/translate.css" rel="stylesheet"><meta name="google" content="notranslate"><link href="file:///E:/ue/minigamebeta/index.html" rel="canonical"><link rel="alternate" hreflang="es" href="file:///E:/ue/minigamebeta/index.html"><link rel="alternate" hreflang="en" href="file:///E:/ue/minigamebeta/index.html?lang=en"></head>

<body>
    <nav>
        <div class="nav-container">
            <img onclick="window.location.href='#home'" src="https://i.imgur.com/7CeynkY.png" alt="MiniGame Logo" draggable="false" class="logo">
            <div class="nav-links">
                <a href="#mini">Mini</a>
                <a href="#pad">GamePad</a>
                <a href="#specs">Specs</a>
                <a href="#progress">Progress</a>
                <a href="#faq">FAQ</a>

            </div>
            <button class="open-modal-btn" onclick="openModal()">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16">
                  <path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z"/>
                  <path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31"/>
                </svg>
            </button>
        </div>
    </nav>



    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Language Selector Modal</title>
    <style>
        .modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        }

        .modal.open {
        opacity: 1;
        visibility: visible;
        }

        .modal-content {
        background-color: var(--background);
        border-radius: 16px;
        max-width: 400px;
        width: 90%;
        padding: 2rem;
        position: relative;
        }

        .modal-close {
        position: absolute;
        top: 1rem;
        right: 1rem;
        background-color: transparent;
        border: none;
        color: var(--text);
        cursor: pointer;
        font-size: 2rem;
        line-height: 1;
        }

        .modal-title {
        font-size: 2rem;
        margin-bottom: 1rem;
        background: var(--gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        }

        .language-options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        }

        .language-option {
        display: flex;
        align-items: center;
        background-color: rgba(108, 92, 231, 0.2);
        border-radius: 8px;
        padding: 0.5rem 1rem;
        cursor: pointer;
        transition: transform 0.3s ease;
        }

        .language-option:hover {
        transform: scale(1.05);
        }

        .language-option img {
        width: 24px;
        height: 24px;
        margin-right: 0.5rem;
        }

        .language-option span {
        font-size: 1.2rem;
        font-weight: 600;
        }

        .open-modal-btn {
        background: var(--gradient);
        color: var(--text);
        border: none;
        
        cursor: pointer;
        transition: transform 0.3s ease;
        }

        .open-modal-btn:hover {
        transform: scale(1.1);
        }
        
        .toast-container {
            position: fixed;
            cursor: pointer;
            bottom: 20px;
            right: 20px;
            z-index: 9999;
        }

        .toast {
            background-color: #6f5fe8;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            animation: slideIn 0.5s ease-in-out;
        }

        .toast-close-btn {
            background: transparent;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: color 0.3s;
        }

        .toast-close-btn:hover {
            color: #ff0000;
        }

        @keyframes slideIn {
            from {
                transform: translateY(100%);
            }
            to {
                transform: translateY(0);
            }
        }

        @keyframes fadeOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
            }
        }

        .language-option span {
            font-size: 1.2rem;
        }

        .language-flag {
            font-size: 1.5rem;
        }

        @media (max-width: 480px) {
            .language-modal {
                padding: 1.5rem;
            }

            .language-options {
                grid-template-columns: 1fr;
            }
        }
    </style>




<div class="modal" id="languageModal">
    <div class="modal-content">
        <button class="modal-close" onclick="closeModal()">×</button>
        <h2 class="modal-title">Select Language</h2>
        <div class="language-options">
            <div class="language-option" onclick="setLanguage('ES')">
                <img src="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.6.6/flags/4x3/es.svg" alt="Spanish Flag">
                <span>Español</span>
            </div>
            <div class="language-option" onclick="setLanguage('EN')">
                <img src="https://cdn.jsdelivr.net/gh/lipis/flag-icons@6.6.6/flags/4x3/gb.svg" alt="English Flag">
                <span>English</span>
            </div>
        </div>
    </div>
</div>



<script>
    // Function to open the modal
    function openModal() {
        document.getElementById('languageModal').classList.add('open');
    }

    // Function to close the modal
    function closeModal() {
        document.getElementById('languageModal').classList.remove('open');
    }

    // Function to set language
    function setLanguage(lang) {
        // Update URL with language parameter
        const url = new URL(window.location);
        url.searchParams.set('lang', lang);
        window.history.pushState({}, '', url);

        // Close modal
        closeModal();

        // Optional: You could trigger further language change logic here
        console.log(`Language set to: ${lang}`);
    }

    // On page load, check URL for language parameter
    document.addEventListener('DOMContentLoaded', () => {
        const urlParams = new URLSearchParams(window.location.search);
        const lang = urlParams.get('lang');

        // You can add additional logic here if needed when a language is pre-selected
    });
</script>


<section class="hero" id="home">
    <div class="hero-content">
        <div class="hero-text"><br><br><br><br><br>
            <h1>Tu consola en tu nube favorita</h1>
            <p>Juega tus títulos favoritos directamente desde el navegador. Sin descargas, sin instalaciones, sin complicaciones. Solo diversión instantánea.</p>
            <div class="hero-buttons" style="margin-top: -30px;">

         
          </div>

        </div>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Game Home</title>
    <style>
        :root {
            --primary: #6C5CE7;
            --background: #0a0a0f;
            --text: #ffffff;
            --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
        }
        body {
            margin: 0;
            background-color: var(--background);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
        }
        .video-container {
            position: relative;
            width: 100%;
            height: auto;
        }
        .video-container img {
            width: 10%;
            height: 100%;
            pointer-events: pointer;

            object-fit: cover;
            object-position: center center;
        }
        .video-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .image-container {
            position: relative;
            width: 100%;
            perspective: 1000px;
        }
        .image-wrapper {
            position: relative;
            transition: transform 0.2s ease-out;
            transform-style: preserve-3d;
        }
        .image-wrapper img {
            width: 100%;
            height: auto;
            display: block;
        }
        .top-left-overlay, .top-right-overlay {
            position: absolute;
            top: 0;
            width: 50px;
            height: 50px;
            pointer-events: pointer;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .top-left-overlay {
            left: 0;
            background: linear-gradient(135deg, rgba(108, 92, 231, 0.0) 0%, transparent 50%);
        }
        .top-right-overlay {
            right: 0;
            background: linear-gradient(225deg, rgba(108, 92, 231, 0.0) 0%, transparent 50%);
        }
        .trailer-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: var(--gradient);
            color: var(--text);
            border: none;
            border-radius: 12px;
            padding: 12px 24px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            box-shadow: 0 4px 15px rgba(108, 92, 231, 0.5);
            z-index: 10;
        }
        .trailer-button:hover {
            transform: translate(-50%, -50%) scale(1.05);
            box-shadow: 0 6px 20px rgba(108, 92, 231, 0.7);
        }
        .button-inner {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #6C5CE7, #A393F5);
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.button-text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.button-subtitle {
    color: #ffffff;
    font-size: 14px;
    margin-top: 4px;
}



.trailer-button:hover .button-inner {
    transform: scale(1.05);
}
    </style>
</head>
<body>
    <div class="video-container">
        <div class="video-overlay"></div>
        <div class="image-container" id="imageContainer">

            <div class="hero-buttons" style="margin-top: 20px;">
                <a href="https://discord.gg/PHNvmwRjTm" class="btn" style="margin-right: 10px;">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
                      <path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
                  </svg>
                    Únete Ahora
                </a>
                <a onclick="openminigametrailer()" style="margin-right: 10px;" class="btn">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="26" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
                      <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path>
                  </svg>          
                  Ver el trailer
                </a>
            </div> <br>
            <div class="image-wrapper" id="imageWrapper">
                <img src="https://minigamebeta.cloud/static/rtTAzh8.png" alt="Game Home" draggable="false">
                <div class="top-left-overlay" id="topLeftOverlay"></div>
                <div class="top-right-overlay" id="topRightOverlay"></div>
                
                <a style="cursor: pointer;" onclick="openminigametrailer()" style="margin-right: 10px;" class="btn trailer-button">
                    <svg onclick="openminigametrailer()" xmlns="http://www.w3.org/2000/svg" width="56" height="56" fill="currentColor" class="bi bi-discord" viewBox="0 0 16 16">
                        <path onclick="openminigametrailer()"  d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"></path>
                    </svg>          
                </a>      
            
            
      
            </div>
        </div>
    </div>


    </div>
</section>


    
  <style>
    :root {
      --primary: #6C5CE7;
      --background: #0a0a0f;
      --text: #ffffff;
      --text-secondary: rgba(255, 255, 255, 0.8);
      --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background-color: var(--background);
      color: var(--text);
      line-height: 1.6;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }

    .modal {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .modal.open {
      opacity: 1;
      visibility: visible;
    }

    .modal-content {
      background-color: var(--background);
      border-radius: 16px;
      max-width: 800px;
      width: 90%;
      padding: 2rem;
      position: relative;
    }

    .modal-close {
      position: absolute;
      top: 1rem;
      right: 1rem;
      background-color: transparent;
      border: none;
      color: var(--text);
      cursor: pointer;
      font-size: 2rem;
      line-height: 1;
    }

    .modal-title {
      font-size: 2rem;
      margin-bottom: 1rem;
      background: var(--gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .modal-description {
      font-size: 1.25rem;
      color: var(--text-secondary);
      margin-bottom: 2rem;
    }

    .modal-video {
      width: 100%;
      height: 450px;
      border-radius: 16px;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
    }

    .open-modal-btn {
      background: var(--gradient);
      color: var(--text);
      border: none;
      border-radius: 20px;
      padding: 0.8rem 1.6rem;
      font-size: 1.2rem;
      cursor: pointer;
      transition: transform 0.3s ease;
    }

    .open-modal-btn:hover {
      transform: scale(1.05);
    }
  </style>


  <div class="modal-wrapper" onclick="closeminigametrailer(event)">
    <div class="modal" id="minigametrailer">
      <div class="modal-content" onclick="event.stopPropagation()">
        <button class="modal-close" onclick="closeminigametrailer()">×</button>
        <p class="modal-description">
          Mira esta demo para ver cómo funciona Minigame OS en acción.
        </p>
        <iframe allowfullscreen="0" frameborder="0" donotallowfullscreen="0" 
          class="modal-video"
          allowfullscreen
          src="https://player.cloudinary.com/embed/?public_id=g3iglm6xkphwhw3lq0yy&cloud_name=ded1wvtlx&profile=minigame"
        ></iframe>
      </div>
    </div>
  </div>

  <script>
    function openminigametrailer() {
      document.getElementById('minigametrailer').classList.add('open');
    }

    function closeminigametrailer() {
      document.getElementById('minigametrailer').classList.remove('open');
    }
  </script>


<div class="toast-container">
  <div onclick="window.location.href='https://discord.gg/PHNvmwRjTm'" class="toast">
        <svg class="discord-icon" width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
        <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"></path>
    </svg>  ‎‎ ‎‎ ‎    <p>Únete a nuestro discord!</p>
  </div>
</div>

<style>
    :root {
        --primary: #6C5CE7;
        --background: #0a0a0f;
        --text: #ffffff;
        --text-secondary: rgba(255, 255, 255, 0.8);
        --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        background-color: var(--background);
        color: var(--text);
        line-height: 1.6;
    }

    .parallax-features {
        position: relative;
        overflow: hidden;
        background-color: var(--background);
    }

    .parallax-section {
        position: relative;
        display: flex;
        align-items: center;
        height: 60vh;
        overflow: hidden;
        perspective: 1000px;
    }

    .parallax-content {
        display: flex;
        align-items: center;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 2rem;
        width: 100%;
    }

    .parallax-text {
        flex: 1;
        z-index: 2;
        padding: 2rem;
        transform: translateZ(50px);
    }

    .parallax-image {
        flex: 1;
        position: relative;
        z-index: 1;
        transform: translateZ(20px);
        perspective: 950px;
    }

    .parallax-image img {
        max-width: 100%;
        height: auto;
        border-radius: 16px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        transition: transform 0.5s ease;
    }

    .parallax-section:hover .parallax-image img {
        transform: scale(1.05) rotateY(5deg);
    }

    .parallax-text h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
        background: var(--gradient);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .parallax-text p {
        font-size: 1.25rem;
        color: var(--text-secondary);
        margin-bottom: 2rem;
    }

    .parallax-section:nth-child(even) .parallax-content {
        flex-direction: row-reverse;
    }

    .feature-badge {
        display: inline-block;
        background: rgba(108, 92, 231, 0.2);
        color: var(--primary);
        padding: 0.5rem 1rem;
        border-radius: 20px;
        margin-bottom: 1rem;
        font-weight: 600;
    }

    @media (max-width: 1024px) {
        .parallax-section {
            height: auto;
            padding: 4rem 0;
        }

        .parallax-content {
            flex-direction: column;
            text-align: center;
        }

        .parallax-text, .parallax-image {
            flex: none;
            width: 100%;
            margin-bottom: 2rem;
        }

        .parallax-section:nth-child(even) .parallax-content {
            flex-direction: column;
        }
    }
</style>
</head>
<body>
<section class="parallax-features" id="mini">
    <div class="parallax-section">
        <div class="parallax-content">
            <div class="parallax-text">
                <span class="feature-badge">Juego Instantáneo</span>
                <h2>Cero Esperas</h2>
                <p>Experimenta el gaming sin límites. Accede a tus juegos favoritos instantáneamente, sin descargas ni instalaciones. La tecnología de MiniGame te lleva directamente a la acción.</p>
            </div>
            <div class="parallax-image">
                <img src="./static/ZszwwnD.png" draggable="false" alt="juego instantáneo">
            </div>
        </div>
    </div>

    <div class="parallax-section">
        <div class="parallax-content">
            <div class="parallax-text">
                <span class="feature-badge">Sistema Operativo</span>
                <h2>minigame OS</h2>
                <p>Transforma cualquier dispositivo en una potente consola de juegos, accede a tus títulos favoritos al instante y disfruta de una experiencia de juego fluida y sin interrupciones.</p>
            </div>
            <div class="parallax-image">
                <img src="./static/T9ejFAN.png" draggable="false" alt="minigameOS">
            </div>
        </div>
    </div>

    <div class="parallax-section">
        <div class="parallax-content">
            <div class="parallax-text">
                <span class="feature-badge">Multiplataforma</span>
                <h2>Juega en Cualquier Lugar</h2>
                <p>Libertad total de plataforma. Ya sea en PC, Mac, móvil o tablet, MiniGame te permite jugar sin restricciones, manteniendo tu progreso sincronizado en la nube.</p>
            </div>
            <div class="parallax-image">
                <img src="./static/C5SZNCh.png" draggable="false" alt="multiplataforma">
            </div>
        </div>
    </div>
</section>

    <style>
        :root {
            --primary: #6C5CE7;
            --background: #0a0a0f;
            --text: #ffffff;
            --text-secondary: rgba(255, 255, 255, 0.8);
            --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
        }
    
        .gamepad-section {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 2rem;
            background-color: var(--background);
            color: var(--text);
            text-align: center;
        }
    
        .gamepad-container {
            max-width: 600px;
            width: 100%;
        }
    
        .gamepad-badge {
            display: inline-block;
            background: rgba(108, 92, 231, 0.2);
            color: var(--primary);
            padding: 0.5rem 1rem;
            border-radius: 20px;
            margin-bottom: 1rem;
            font-weight: 600;
        }
    
        .gamepad-title {
            font-size: 3rem;
            background: var(--gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 1rem;
        }
    
        .gamepad-description {
            color: var(--text-secondary);
            font-size: 1.25rem;
            margin-bottom: 2rem;
        }
    
        .gamepad-image {
            max-width: 100%;
            height: auto;
            border-radius: 16px;
            box-shadow: 0 25px 50px -12px #0A0A0F;
            transform: perspective(1000px) rotateX(-5deg);
            transition: transform 0.5s ease;
        }
    
        .gamepad-image:hover {
            transform: perspective(1000px) rotateX(-2deg) scale(1.02);
        }
    
        @media (max-width: 768px) {
            .gamepad-title {
                font-size: 2.5rem;
            }
    
            .gamepad-description {
                font-size: 1rem;
            }
        }
    </style>
    
    <div class="gamepad-section" id="pad">
        <div class="gamepad-container">
            <span class="gamepad-badge">MiniGamePad</span>
            <h1 class="gamepad-title">Tu móvil, tu mando</h1>
            <p class="gamepad-description">Transforma tu smartphone en un gamepad profesional.<br> No tener mando ya no será un problema</p>
            <img src="./static/b48LXh5.png" alt="MiniGamePad" draggable="false" class="gamepad-image">
        </div>
    </div>
    
    <section class="section demo" id="specs">
        <div class="section-content">
            <div class="demo-container">
                <div class="demo-video">
                    <video height="90%" width="100%" loop nocontrols autoplay muted>
                        <source src="https://i.imgur.com/ASaDQwO.mp4" type="video/mp4">
                    </video>
                </div>
                <div class="demo-content">
                    <h2 class="gamepad-onclick="openminigametrailer()"title">Mira MiniGame en Acción</h2>
                    <p class="gamepad-description">Descubre cómo estamos revolucionando el gaming en el navegador con nuestra tecnología innovadora.</p>
                    <ul class="gamepad-description">
                        <li><i class="fas fa-check"></i> Latencia ultra baja</li>
                        <li><i class="fas fa-check"></i> Gráficos de alta calidad</li>
                        <li><i class="fas fa-check"></i> Controles personalizables</li>
                        <li><i class="fas fa-check"></i> Compatibilidad con mandos</li>
                        <li><i class="fas fa-check"></i> Chat de voz integrado</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <section class="section" id="progress">
        <div class="section-content">
            <div class="section-title">
                <h2>Nuestro Progreso</h2>
                <p>Conoce el desarrollo de MiniGame y lo que estamos construyendo</p>
            </div>
            <div class="progress-timeline">
                <div class="timeline-item">
                    <h3>Fase 1: Completada ✓</h3>
                    <p>Desarrollo del sistema operativo base y pruebas de concepto. Implementación de la tecnología de streaming.</p>
                </div>
                <div class="timeline-item">
                    <h3>Fase 2: En Desarrollo 🚀</h3>
                    <p>Optimización del rendimiento, integración launchers y mejora de la interfaz de usuario.</p>
                </div>
                <div class="timeline-item">
                    <h3>Fase 3: Próximamente 🎮</h3>
                    <p>Lanzamiento beta público, sistema de guardar partidas en la nube.</p>
                </div>
                <div class="timeline-item">
                    <h3>Fase 4: Planificado 🔮</h3>
                    <p>Añadir chat de voz y eventos especiales para la comunidad.</p>
                </div>
            </div>
        </div>
    </section>

    <section class="cta" id="discord">
        <div class="cta-content">
            <h2>Únete minigame en Discord</h2>
            <p>Únete a nuestro servidor de Discord para acceso anticipado, actualizaciones exclusivas y más.</p>
            <a href="https://discord.gg/PHNvmwRjTm" class="btn">
                <svg class="discord-icon" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.182 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"></path>
                </svg>
                Únete Ahora
            </a>
        </div>
    </section>
<br>


<style>
    :root {
      --primary: #6C5CE7;
      --background: #0a0a0f;
      --text: #ffffff;
      --text-secondary: rgba(255, 255, 255, 0.8);
      --gradient: linear-gradient(135deg, #6C5CE7 0%, #a393f5 100%);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }



    .faq-container {
      max-width: 800px;
      margin: 0 auto;
    }

    .faq-item {
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      padding: 1.5rem 0;
    }

    .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
    }

    .faq-question h3 {
      font-size: 1.25rem;
      background: var(--gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .faq-question svg {
      width: 1.5rem;
      height: 1.5rem;
      stroke: var(--primary);
      transition: transform 0.3s ease;
    }

    .faq-answer {
      font-size: 1rem;
      color: var(--text-secondary);
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease;
    }

    .faq-item.open .faq-question svg {
      transform: rotate(180deg);
    }

    .faq-item.open .faq-answer {
      max-height: 500px;
      padding-top: 1rem;
    }
  </style>
  <div class="faq-container" id="faq">
    <div class="faq-item"><br><br><br><br><br><br><br><br>
      <div class="faq-question">
        <h3>What is MiniGame?</h3>
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
      </div>
      <div class="faq-answer">
        <p>MiniGame is a revolutionary cloud gaming platform that allows you to play your favorite games instantly, without the need for downloads or installations. It offers a seamless gaming experience across multiple devices, including PC, Mac, mobile, and tablets.</p>
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-question">
        <h3>What are the key features of MiniGame?</h3>
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
      </div>
      <div class="faq-answer">
        <p>MiniGame ofrece varias características clave:</p>
        <ul><br>
          <li>• Juega al instante, sin descargas ni instalaciones.</li>
          <li>• Gráficos y rendimiento de alta calidad sin necesidad de hardware potente.</li>
          <li>• Juega en cualquier dispositivo, con progreso sincronizado.</li><br>
          <li>• Invita a tus amigos a tu sala a jugar juntos o a verte jugar, los servidores los ponemos nosotros, tu pones el juego y el o los mandos.</li>
        </ul>
        
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-question">
        <h3>How does the pricing work for MiniGame?</h3>
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
      </div>
      <div class="faq-answer">
        <ul>
          <li>• minigame: Get started with a free trial to experience the platform.</li>
          <li>• minigame PRO: NA</li>
        </ul>
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-question">
        <h3>What devices are compatible with MiniGame?</h3>
        <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M6 9L12 15L18 9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
        </svg>
      </div>
      <div class="faq-answer">
        <p>MiniGame is designed to work seamlessly across a wide range of devices:</p>
        <ul>
          <li>• Windows PC and laptops</li>
          <li>• Mac computers</li>
          <li>• iOS and Android smartphones and tablets</li>
        </ul>
        <p>As long as your device has a modern web browser and a stable internet connection, you can enjoy MiniGame on the go or from the comfort of your home.</p>
      </div>
    </div>
  </div><br><br><br><br><br><br>
  <script>
    document.querySelectorAll('.faq-question').forEach(function(question) {
      question.addEventListener('click', function() {
        this.classList.toggle('open');
        var answer = this.nextElementSibling;
        if (answer.style.maxHeight) {
          answer.style.maxHeight = null;
        } else {
          answer.style.maxHeight = answer.scrollHeight + 'px';
        }
      });
    });
  </script>
<br><br><br>
    <footer>
        <div class="footer-content">
            <img src="https://i.imgur.com/7CeynkY.png" alt="MiniGame Logo" draggable="false" class="logo"> <br><br> 
            
            <p>MiniGame is still in beta, there are still some improvements and changes to be made</p>
                <div class="social-links">
                  <a href="#"><i class="fas fa-server"></i> </a>
                  <a href="https://discord.gg/PHNvmwRjTm"><i class="fab fa-discord"></i> </a>
              </div>
              
            </div>
        </div>
    </footer>

    <div class="alert-container">
        <div class="alert">
            <span>Estamos trabajando en la traducción de la página. Disculpe las molestias ‎ </span>
            <button class="alert-close-btn">&times;</button>
        </div>
    </div>
    
    <style>
        .alert-container {
            position: fixed;
            cursor: pointer;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 9999;
        }
    
        .alert {
            background-color: #ff9800;
            color: white;
            padding: 10px 20px;
            border-radius: 5px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
            animation: slideIn 0.5s ease-in-out;
        }
        .btn {
            cursor: pointer;

        }
        .alert-close-btn {
            background: transparent;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            transition: color 0.3s;
        }
    
        .alert-close-btn:hover {
            color: #aaa3a3;
        }
    
        @keyframes slideIn {
            from {
                transform: translateY(100%);
            }
            to {
                transform: translateY(0);
            }
        }
    
        @keyframes fadeOut {
            from {
                opacity: 1;
            }
            to {
                opacity: 0;
            }
        }
    </style>
    
    <script>
        const alertCloseBtn = document.querySelector('.alert-close-btn');
        const alertContainer = document.querySelector('.alert-container');
    
        alertCloseBtn.addEventListener('click', () => {
            alertContainer.style.animation = 'fadeOut 0.5s ease-out';
            setTimeout(() => {
                alertContainer.style.display = 'none';
                localStorage.setItem('alertClosed', 'true');
            }, 500);
        });
    
        if (localStorage.getItem('alertClosed')) {
            alertContainer.style.display = 'none';
        }
    </script>
    
    <script>
        const imageContainer = document.getElementById('imageContainer');
        const imageWrapper = document.getElementById('imageWrapper');
        const topLeftOverlay = document.getElementById('topLeftOverlay');
        const topRightOverlay = document.getElementById('topRightOverlay');
        const trailerButton = document.getElementById('trailerButton');

        imageContainer.addEventListener('mousemove', (e) => {
            const rect = imageContainer.getBoundingClientRect();
            const centerX = rect.left + rect.width / 2;
            const centerY = rect.top + rect.height / 2;

            const mouseX = e.clientX - centerX;
            const mouseY = e.clientY - centerY;

            const rotateX = (mouseY / (rect.height / 2)) * 10;
            const rotateY = -(mouseX / (rect.width / 2)) * 10;

            const translateX = mouseX / 50;
            const translateY = mouseY / 50;

            imageWrapper.style.transform = `
                rotateX(${rotateX}deg) 
                rotateY(${rotateY}deg) 
                translateX(${translateX}px) 
                translateY(${translateY}px)
            `;

            if (e.clientY - rect.top < 50) {
                if (e.clientX - rect.left < rect.width / 2) {
                    topLeftOverlay.style.opacity = 0.5;
                    topRightOverlay.style.opacity = 0;
                } else {
                    topRightOverlay.style.opacity = 0.5;
                    topLeftOverlay.style.opacity = 0;
                }
            } else {
                topLeftOverlay.style.opacity = 0;
                topRightOverlay.style.opacity = 0;
            }
        });

        imageContainer.addEventListener('mouseleave', () => {
            imageWrapper.style.transform = 'rotateX(0deg) rotateY(0deg) translateX(0px) translateY(0px)';
            topLeftOverlay.style.opacity = 0;
            topRightOverlay.style.opacity = 0;
        });

   
    </script>

<link href="https://unpkg.com/globalseo/dist/translate.css" rel="stylesheet">
<script
  src="https://unpkg.com/globalseo/dist/translate.js"
  data-globalseo-key="dc161e9b-48f9-4b8f-a644-db220c62ee23"
  data-use-browser-language="false"
  data-original-language="es"
  data-translation-mode=""
  data-allowed-languages="en"
  data-exclude-classes=""
></script>
</body>
</html>