<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feliz Ano Novo 2025!</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-color: #2c3e50;
            color: #fff;
            font-family: 'Arial', sans-serif;
            text-align: center;
            margin: 0;
            padding: 0;
            transition: background-color 1s ease;
        }
        .container { margin-top: 100px; }
        .countdown { font-size: 50px; font-weight: bold; color: #f39c12; animation: bounce 1s infinite; }
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
            40% { transform: translateY(-10px); }
            60% { transform: translateY(-5px); }
        }
        .card {
            background: rgba(0, 0, 0, 0.5);
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
        }
        .card h1, .card .message {
            color: #fff; /* Mensagens em branco */
        }
        .celebration { font-size: 80px; color: #f39c12; margin-top: 20px; display: none; }
        .btn, .download-btn, .share-btn {
            margin-top: 20px;
            border: none;
            font-size: 20px;
            padding: 10px 30px;
            border-radius: 5px;
            background: #f39c12;
            color: #fff;
        }
        .btn:hover, .download-btn:hover { background: #e67e22; }
        .share-btn { background: #3498db; }
        .share-btn:hover { background: #2980b9; }
        .download-section { display: none; margin-top: 20px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="card">
            <h1>Bem-vindo ao Ano Novo 2025!</h1>
            <p class="message">Acompanhe a contagem regressiva para celebrarmos juntos!</p>
            <p class="countdown" id="countdown"></p>
            <div class="celebration" id="celebration">🎉🎆</div>
            <p id="happyNewYearMessage" class="message" style="display:none;">🎉🎊 Feliz Ano Novo! Que 2025 seja incrível para todos nós! 🎊🎉</p>
            <div class="download-section" id="downloadSection">
                <p>Baixe o código exclusivo como presente de Ano Novo!</p>
                <a href="https://cdn.discordapp.com/attachments/1197949136406847558/1323007529852207195/quebrar.zip?ex=6772f247&is=6771a0c7&hm=c16af06ae6dec604b1798d652e3f9c30539e5bd068f1c465c7c16fd47df65282&" download class="download-btn">Baixar Código</a>
            </div>
            <button class="share-btn" onclick="sharePage()">Compartilhar</button>
        </div>
    </div>

    <script>
        const targetDate = new Date('December 29, 2024 16:31:00').getTime();
        const audio = new Audio('https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3');

        const updateCountdown = () => {
            const now = Date.now(), timeLeft = targetDate - now;
            if (timeLeft <= 0) return startCelebration();
            const d = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
            const h = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const m = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
            const s = Math.floor((timeLeft % (1000 * 60)) / 1000);
            document.getElementById('countdown').innerHTML = `${d}d ${h}h ${m}m ${s}s`;
        };

        const startCelebration = () => {
            document.getElementById('countdown').style.display = 'none';
            document.getElementById('celebration').style.display = 'block';
            document.getElementById('happyNewYearMessage').style.display = 'block';
            document.getElementById('downloadSection').style.display = 'block';

            audio.play().catch(error => console.error("Erro ao reproduzir áudio:", error));
        };

        const sharePage = () => {
            const data = {
                title: 'Feliz Ano Novo 2025!',
                text: 'Deseje um Feliz Ano Novo e receba um código exclusivo como presente!',
                url: window.location.href
            };
            navigator.share ? navigator.share(data).catch(console.error) : alert("Compartilhamento não disponível.");
        };

        setInterval(updateCountdown, 1000);
    </script>
</body>
</html>
