<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🎅 Gerador de Conta - Natal</title>
    <link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/8/88/Netlify_Logo.svg" type="image/svg+xml">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <style>
        /* Estilos para a página */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Arial', sans-serif;
            background: linear-gradient(45deg, #1a1a1a, #292b2f);
            color: #f1f1f1;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            overflow: hidden;
            position: relative;
        }

        #navbar {
            width: 100%;
            background-color: #e91e63;
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: fixed;
            top: 0;
            z-index: 10;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        }

        #navbar span {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
        }

        .discord-logo {
            width: 40px;
            cursor: pointer;
        }

        .container {
            position: relative;
            background: rgba(36, 38, 50, 0.9);
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            z-index: 2;
            text-align: center;
            max-width: 800px;
            width: 100%;
            animation: fadeIn 1.5s ease-out;
        }

        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }

        h1 {
            font-size: 38px;
            color: #00eaff;
            text-shadow: 0 0 15px rgba(0, 234, 255, 0.7);
            margin-bottom: 20px;
        }

        h1 span {
            font-size: 1.2em; /* Ajusta o tamanho do emoji */
        }

        select,
        button {
            padding: 12px;
            margin: 10px auto;
            font-size: 16px;
            background: #333;
            color: #f1f1f1;
            border: 2px solid #444;
            border-radius: 10px;
            width: 70%;
            transition: background 0.3s ease;
        }

        select:focus,
        button:focus {
            outline: none;
            background: #ff0066;
            color: white;
        }

        select:hover,
        button:hover {
            background-color: #00eaff;
            color: #181621;
        }

        #account-output {
            margin-top: 20px;
            display: none;
        }

        #combo {
            width: 80%;
            padding: 15px;
            margin: 10px auto;
            background: #292b2f;
            color: white;
            border-radius: 10px;
            font-size: 16px;
            text-align: center;
            border: none;
        }

        .service-info {
            background-color: rgba(40, 42, 60, 0.8);
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
            margin-top: 30px;
        }

        .service-info a {
            color: #00eaff;
            text-decoration: none;
        }

        .service-info a:hover {
            text-decoration: underline;
        }

        .error-message {
            background-color: #ff4c4c;
            color: #fff;
            padding: 15px;
            border-radius: 10px;
            margin-top: 20px;
            font-size: 18px;
            display: none;
            text-align: center;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }

        .error-message i {
            margin-right: 10px;
        }
    </style>
</head>
<body>

<div id="navbar">
    <span>🎅 Gerador de Conta - Natal</span>
    <a href="https://discord.gg/gBHWgVnWxX" target="_blank">
        <img class="discord-logo" src="https://th.bing.com/th/id/R.11991d9b6e676d00ecfcf8c537c8667b?rik=CIiipjJChLiomw&pid=ImgRaw&r=0" alt="Discord Logo">
    </a>
</div>

<div class="container">
    <h1>Gerador de Contas <span>🎅</span></h1>
    <div>
        <select id="service-select">
            <option value="disney">Disney+</option>
            <option value="steam">Steam</option>
            <option value="crunchyroll">Crunchyroll</option>
            <option value="spotify">Spotify</option>
            <option value="microsoft">Xbox</option>
            <option value="instagram">Instagram</option>
        </select>
        <br>
        <button id="generate-button">Gerar Conta</button>

        <div id="wait-message" style="display: none;">
            <p>Aguarde <span id="countdown">30</span> segundos...</p>
        </div>

        <div id="account-output">
            <textarea id="combo" readonly></textarea>
        </div>

        <div id="error-message" class="error-message">
            <i class="fas fa-exclamation-circle"></i> Não há mais contas disponíveis para este serviço!
        </div>
    </div>
</div>

<div class="service-info">
    <a href="https://discord.gg/gBHWgVnWxX">Junte-se ao nosso servidor no Discord</a>
</div>

<script>
    const accounts = {
        disney: [
        "brooklyn.mahan1@gmail.com:Abreanna1*",
        "Pulleyteshara21@yahoo.com:Taylan23!",
        "saravitale81@yahoo.it:Rollibon81!",
        "jonrivera1992@gmail.com:Ltnrican1992",
        "pidelriom@gmail.com:Parlan_135",
        "mauro.assirelli@aces-bo.it:M@uro8857",
        "marie.trocque@hotmail.fr:Maman001@",
        "Kbalalioui@hotmail.com:Hockey12!",
        "Bessejennifer@hotmail.com:Lucasnico1503.",
        "getuliogoto@hotmail.com:Alice2510",
        "ch.marsouin@gmail.com:Vucinic371$",
        "viniciusmadureira.souza@gmail.com:Vinisouza23",
        "andy.riley75@outlook.com:Gareth01*",
        "katherineahinds@gmail.com:S1lv3r01!",
        "fredgoni15@hotmail.fr:Mattisandoni15",
        "exo.power@live.fr:Poreotix223",
        "math.enna@yahoo.fr:Zouille10",
        "rmonaghan1@hotmail.com:Mickey12@@"
    ],
        steam: [],

        crunchyroll: ["dfczmzzza4@hotmail.com:Ozone297", "robesramirez@gmail.com:Papu1505", "brutonvernon99@gmail.com:Kota1989Bella", "whitetrain84@gmail.com:Dl063009!", "yonremon@gmail.com:Repinga", "maryschu81@gmail.com:Dave5053?!", "yazan5zbedat@gmail.com:yazanboss123"],
        spotify: [],
        microsoft: [
        "mikew3720@outlook.com:Otiscjotis2!",
        "sunsari@hotmail.com:Zahida1973",
        "gkouroup@hotmail.com:Lastros55*",
        "uuccello@hotmail.com:Uswuc1956",
        "matthiaslohr@msn.com:Besser1960",
        "pablogomeztarga@outlook.com:Pablito.002",
        "YOUNG510BOY@hotmail.com:Blessed4real",
        "danielaraujo_2008@hotmail.com:M@ranata11",
        "swaiidan@hotmail.com:Eav89zms!",
        "joanbirchley@hotmail.com:Bradfield18?",
        "dacufeva@hotmail.com:Bibiana1975.",
        "rene-y@hotmail.com:Renne88232903**",
        "nischay.singhcomix@outlook.com:last618ZION",
        "denebalmeyda@hotmail.com:Valladolid22@",
        "dinaessaidani.1999@outlook.fr:DEssaidani..99",
        "moreira_jacke@hotmail.com:Ba128001",
        "kensandyeggo@msn.com:Dallas11",
        "angevet@hotmail.it:Lara2018!",
        "lori7454@hotmail.it:fannona04...",
        "chapik76@outlook.fr:Bh93du76..",
        "j.carlospvc@hotmail.com:Juanki1977",
        "anormster@hotmail.com:Wilson1265",
        "carl_webster83@hotmail.co.uk:Guinness2414*",
        "eumo_alves@hotmail.com:Elmo@5113@",
        "panospatsis@live.com:Ppatsis95@@",
        "brunoaragamaritimo@outlook.com:Cavalo#1612",
        "ronald945tw@hotmail.com:Alien945",
        "laurentfacundo@msn.com:budokai2",
        "tenorio26isoldi@outlook.com:Victor8995!",
        "mariagabrielasilva1@hotmail.com:Portugal12",
        "jthaya@outlook.com:Rasa0404!!!",
        "rianfortnite14@outlook.com:Galjoen1002@",
        "qremoroza30@outlook.com:Myredeemer30@",
        "mateojuancraft120@hotmail.com:tomate21",
        "johihot@hotmail.co.jp:4223Johi",
        "pifu298@hotmail.hu:Nagyvakond***",
        "alvesjsa@hotmail.com:Celta200@",
        "yagomarinh0@outlook.com:Ubirajara4$$",
        "bloodykarl@hotmail.com:Lillotauro2!",
        "shenlinhuang@hotmail.com:Minlu666@"
    ],
        instagram: []
    };

    let countdownInterval;
    let canGenerate = true;

    // Salva as contas disponíveis no localStorage
    function saveAccountsToStorage() {
        for (const service in accounts) {
            localStorage.setItem(service + "_accounts", JSON.stringify(accounts[service]));
        }
    }

    // Recupera as contas do localStorage
    function loadAccountsFromStorage() {
        for (const service in accounts) {
            const storedAccounts = localStorage.getItem(service + "_accounts");
            if (storedAccounts) {
                accounts[service] = JSON.parse(storedAccounts);
            }
        }
    }
 


    // Start the countdown for cooldown
    function startCooldown() {
        let cooldown = 30; // Começa com 30 segundos após o recarregamento da página.
        document.getElementById('generate-button').disabled = true;
        document.getElementById('wait-message').style.display = 'block';

        countdownInterval = setInterval(function () {
            if (cooldown > 0) {
                cooldown--;
                document.getElementById('countdown').textContent = cooldown;
            } else {
                clearInterval(countdownInterval);
                document.getElementById('generate-button').disabled = false;
                document.getElementById('wait-message').style.display = 'none';
            }
        }, 1000);
    }

    // Recupera o estado inicial do cooldown ou aplica o cooldown de 30s após a página ser recarregada
    window.onload = function () {
        loadAccountsFromStorage();
        startCooldown();
    };

    // Função para bloquear ações de inspeção
    document.addEventListener('contextmenu', function (event) {
        event.preventDefault(); // Desabilita o menu de contexto (clique direito)
    });

 
    document.addEventListener('keydown', function (event) {
        if (event.key === 'F12' || (event.ctrlKey && (event.key === 'I' || event.key === 'U'))) {
            event.preventDefault();
        }
    });
 
    // Função para verificar a chave no localStorage
    window.onload = function () {
        const apiKey = localStorage.getItem('apiKey');
        
        // Se não houver chave válida, redireciona para a página de login
        if (!apiKey || apiKey !== "123456789") {
            window.location.href = "login.html"; // Redireciona para a página de login
        } else {
            // Carrega as contas e inicia o gerador normalmente
            loadAccountsFromStorage();
            startCooldown();
        }
    };

    // Função para bloquear ações de inspeção (proteção)
    document.addEventListener('contextmenu', function (event) {
        event.preventDefault(); // Desabilita o menu de contexto (clique direito)
    });

    document.addEventListener('keydown', function (event) {
        if (event.key === 'F12' || (event.ctrlKey && (event.key === 'I' || event.key === 'U'))) {
            event.preventDefault();
        }
    });


    // Função para gerar contas
    document.getElementById('generate-button').addEventListener('click', function () {
        const service = document.getElementById('service-select').value;
        const serviceAccounts = accounts[service];

        if (!canGenerate || serviceAccounts.length === 0) {
            document.getElementById('error-message').style.display = 'block';
            return;
        }

        document.getElementById('error-message').style.display = 'none';
        const randomAccount = serviceAccounts.splice(Math.floor(Math.random() * serviceAccounts.length), 1)[0];
        document.getElementById('combo').value = randomAccount;
        document.getElementById('account-output').style.display = 'block';

        saveAccountsToStorage();
        startCooldown();
    });
</script>
</body>
</html>
