<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-TF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Powermind - Transforme Sua Mente e Alcance Seus Objetivos!</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Inter', sans-serif;
            scroll-behavior: smooth;
        }
        .hero-bg {
            background-image: url('https://ztcursos.de/wp-content/uploads/2025/06/fundo01.png');
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .hero-bg::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5); /* Overlay escuro para melhor contraste do texto */
            z-index: 1;
        }
        .hero-content {
            position: relative;
            z-index: 2;
        }
        .cta-button {
            transition: all 0.3s ease;
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }
        .section-title {
            font-weight: 900; /* Extra bold for titles */
            text-transform: uppercase;
        }
        .benefit-card, .module-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .benefit-card:hover, .module-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.15);
        }
        /* Animação de fade-in ao rolar (requer JS, mas podemos simular com CSS inicial) */
        .fade-in-section {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }
        .fade-in-section.visible {
            opacity: 1;
            transform: translateY(0);
        }
        .animated-cifrao {
            animation: float 3s ease-in-out infinite;
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }
    </style>
</head>
<body class="bg-gray-100 text-gray-800">

    <!-- Header -->
    <header class="bg-white shadow-md sticky top-0 z-50">
        <div class="container mx-auto px-6 py-4 flex justify-between items-center">
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/Logo-na-versao-preta.png" alt="Logo Powermind" class="h-10">
            <a href="#oferta" class="cta-button bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-bold py-3 px-6 rounded-lg shadow-lg text-sm sm:text-base">
                QUERO TRANSFORMAR MINHA VIDA AGORA!
            </a>
        </div>
    </header>

    <!-- Hero Section -->
    <section id="hero" class="hero-bg text-white py-20 md:py-32">
        <div class="hero-content container mx-auto px-6 text-center">
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/Logo-na-versao-clara.png" alt="Powermind Logo Branco" class="mx-auto mb-8 h-16 sm:h-20">
            <h1 class="text-4xl sm:text-5xl md:text-6xl font-bold mb-6 leading-tight">
                Liberte o Poder da Sua Mente e Conquiste a Vida Que Você Sempre Sonhou!
            </h1>
            <p class="text-lg sm:text-xl md:text-2xl mb-10 max-w-3xl mx-auto">
                Descubra o método comprovado para reprogramar sua mentalidade, eliminar bloqueios e alcançar resultados extraordinários em todas as áreas da sua vida com o Powermind.
            </p>
            <a href="#oferta" class="cta-button bg-gradient-to-r from-yellow-400 via-red-500 to-pink-500 hover:from-yellow-500 hover:via-red-600 hover:to-pink-600 text-white font-bold py-4 px-10 rounded-lg shadow-xl text-xl sm:text-2xl transform transition hover:scale-105">
                SIM, QUERO ACESSAR O POWERMIND!
            </a>
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/B1V2.png" alt="Homem sorrindo com sucesso" class="mx-auto mt-12 rounded-lg shadow-2xl w-full max-w-md md:max-w-lg border-4 border-white">
        </div>
    </section>

    <!-- Problema -->
    <section id="problema" class="py-16 md:py-24 bg-white fade-in-section">
        <div class="container mx-auto px-6 text-center">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 mb-8">Você se identifica com algum destes desafios?</h2>
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto text-left">
                <div class="bg-gray-50 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold text-blue-600 mb-3">Procrastinação Crônica?</h3>
                    <p class="text-gray-600">Sente que adia tarefas importantes, perdendo oportunidades e ficando para trás nos seus objetivos?</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold text-blue-600 mb-3">Falta de Foco e Clareza?</h3>
                    <p class="text-gray-600">Tem dificuldade em se concentrar, definir prioridades e manter o rumo para alcançar suas metas?</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-lg shadow-lg">
                    <h3 class="text-xl font-semibold text-blue-600 mb-3">Medo de Falhar ou Crenças Limitantes?</h3>
                    <p class="text-gray-600">Sente que pensamentos negativos e o medo te impedem de arriscar e buscar o seu verdadeiro potencial?</p>
                </div>
                <div class="bg-gray-50 p-6 rounded-lg shadow-lg md:col-span-2 lg:col-span-1 lg:col-start-2">
                     <h3 class="text-xl font-semibold text-blue-600 mb-3">Resultados Abaixo do Esperado?</h3>
                    <p class="text-gray-600">Apesar do esforço, parece que você não consegue atingir o nível de sucesso e felicidade que deseja?</p>
                </div>
            </div>
            <p class="mt-12 text-xl text-gray-700 font-semibold">Se você respondeu SIM a alguma dessas perguntas, o Powermind é a transformação que você precisa!</p>
        </div>
    </section>

    <!-- Apresentação da Solução -->
    <section id="solucao" class="py-16 md:py-24 bg-gray-100 fade-in-section">
        <div class="container mx-auto px-6 text-center">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 mb-4">APRESENTAMOS O <span class="text-blue-600">POWERMIND</span></h2>
            <p class="text-xl text-gray-600 mb-10 max-w-3xl mx-auto">O programa completo que vai reprogramar sua mente para o sucesso, desbloquear seu potencial máximo e te guiar passo a passo rumo à realização dos seus maiores sonhos.</p>
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/produto.png" alt="Caixa do Produto Powermind" class="mx-auto mb-10 rounded-lg shadow-2xl w-full max-w-lg">
            <p class="text-lg text-gray-700 max-w-4xl mx-auto">
                Com o Powermind, você terá acesso a um arsenal de técnicas e estratégias validadas para dominar sua mente, construir uma mentalidade inabalável e transformar seus objetivos em realidade. Chega de viver no piloto automático! É hora de assumir o controle e criar a vida que você merece.
            </p>
        </div>
    </section>

    <!-- Módulos do Curso -->
    <section id="modulos" class="py-16 md:py-24 bg-white fade-in-section">
        <div class="container mx-auto px-6">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 text-center mb-12">O Que Você Vai Dominar Com o Powermind?</h2>
            <div class="grid md:grid-cols-3 gap-8">
                <!-- Módulo 1 -->
                <div class="module-card bg-gray-50 rounded-xl shadow-xl overflow-hidden p-6 flex flex-col items-center text-center">
                    <img src="https://ztcursos.de/wp-content/uploads/2025/06/M1.png" alt="Módulo 1 Powermind" class="w-32 h-32 object-contain mb-6">
                    <h3 class="text-2xl font-bold text-blue-600 mb-3">Módulo 1: A Base da Mente Poderosa</h3>
                    <p class="text-gray-600 leading-relaxed">Entenda os fundamentos da mente, como seus pensamentos moldam sua realidade e como identificar e eliminar crenças limitantes que te sabotam.</p>
                </div>
                <!-- Módulo 2 -->
                <div class="module-card bg-gray-50 rounded-xl shadow-xl overflow-hidden p-6 flex flex-col items-center text-center">
                    <img src="https://ztcursos.de/wp-content/uploads/2025/06/M2.png" alt="Módulo 2 Powermind" class="w-32 h-32 object-contain mb-6">
                    <h3 class="text-2xl font-bold text-blue-600 mb-3">Módulo 2: Reprogramação Mental Avançada</h3>
                    <p class="text-gray-600 leading-relaxed">Aprenda técnicas avançadas de PNL, visualização criativa e afirmações positivas para instalar novos padrões de pensamento e comportamento focados no sucesso.</p>
                </div>
                <!-- Módulo 3 -->
                <div class="module-card bg-gray-50 rounded-xl shadow-xl overflow-hidden p-6 flex flex-col items-center text-center">
                    <img src="https://ztcursos.de/wp-content/uploads/2025/06/M3.png" alt="Módulo 3 Powermind" class="w-32 h-32 object-contain mb-6">
                    <h3 class="text-2xl font-bold text-blue-600 mb-3">Módulo 3: Ação Massiva e Resultados Duradouros</h3>
                    <p class="text-gray-600 leading-relaxed">Desenvolva foco inabalável, disciplina, resiliência e aprenda a traçar metas claras e planos de ação eficazes para conquistar seus objetivos de forma consistente.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Benefícios -->
    <section id="beneficios" class="py-16 md:py-24 bg-gray-800 text-white fade-in-section">
        <div class="container mx-auto px-6 text-center">
            <h2 class="section-title text-3xl sm:text-4xl mb-12">Imagine Ter o Poder de...</h2>
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                    <img src="https://ztcursos.de/wp-content/uploads/2025/06/cifrao.png" alt="Aumentar Renda" class="h-16 mx-auto mb-4 animated-cifrao">
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Aumentar Sua Renda</h3>
                    <p>Desbloqueie seu potencial financeiro e atraia mais prosperidade.</p>
                </div>
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                     <svg class="w-16 h-16 mx-auto mb-4 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Ter Mais Energia e Disposição</h3>
                    <p>Acorde motivado e com vitalidade para enfrentar seus desafios.</p>
                </div>
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                    <svg class="w-16 h-16 mx-auto mb-4 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Alcançar Suas Metas Mais Rápido</h3>
                    <p>Defina objetivos claros e siga um plano eficaz para o sucesso.</p>
                </div>
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                     <svg class="w-16 h-16 mx-auto mb-4 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Vencer a Procrastinação</h3>
                    <p>Transforme a preguiça em produtividade e ação constante.</p>
                </div>
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                    <svg class="w-16 h-16 mx-auto mb-4 text-yellow-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"></path></svg>
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Melhorar Seus Relacionamentos</h3>
                    <p>Desenvolva inteligência emocional e construa conexões mais fortes.</p>
                </div>
                <div class="benefit-card bg-gray-700 p-6 rounded-lg shadow-lg text-center">
                    <svg class="w-16 h-16 mx-auto mb-4 text-yellow-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                        <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-4.5A3.375 3.375 0 0 0 12.75 9.75H11.25A3.375 3.375 0 0 0 7.5 13.125V18.75m9 0h-9" />
                    </svg>
                    <h3 class="text-xl font-semibold text-yellow-400 mb-2">Ter Autoconfiança Inabalável</h3>
                    <p>Acredite em si mesmo e no seu potencial ilimitado.</p>
                </div>
            </div>
             <a href="#oferta" class="cta-button mt-12 inline-block bg-gradient-to-r from-yellow-400 via-red-500 to-pink-500 hover:from-yellow-500 hover:via-red-600 hover:to-pink-600 text-white font-bold py-4 px-10 rounded-lg shadow-xl text-xl transform transition hover:scale-105">
                QUERO TODOS ESSES BENEFÍCIOS!
            </a>
        </div>
    </section>
    
    <!-- Para Quem É? -->
    <section id="para-quem" class="py-16 md:py-24 bg-white fade-in-section">
        <div class="container mx-auto px-6">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 text-center mb-12">O Powermind é Perfeito Para Você Que...</h2>
            <div class="max-w-3xl mx-auto space-y-6">
                <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg shadow">
                    <svg class="w-8 h-8 text-green-500 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                    <p class="text-lg text-gray-700">Busca <span class="font-semibold">resultados reais</span> e está cansado de promessas vazias.</p>
                </div>
                <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg shadow">
                     <svg class="w-8 h-8 text-green-500 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                    <p class="text-lg text-gray-700">Quer <span class="font-semibold">superar a procrastinação</span> e a falta de foco de uma vez por todas.</p>
                </div>
                <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg shadow">
                    <svg class="w-8 h-8 text-green-500 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                    <p class="text-lg text-gray-700">Deseja <span class="font-semibold">eliminar crenças limitantes</span> e construir uma autoconfiança inabalável.</p>
                </div>
                <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg shadow">
                    <svg class="w-8 h-8 text-green-500 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                    <p class="text-lg text-gray-700">Está pronto para <span class="font-semibold">investir em si mesmo</span> e transformar sua vida.</p>
                </div>
                 <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg shadow">
                    <svg class="w-8 h-8 text-green-500 flex-shrink-0 mt-1" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                    <p class="text-lg text-gray-700">Sonha em <span class="font-semibold">alcançar grandes objetivos</span> e viver com propósito e paixão.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Garantia -->
    <section id="garantia" class="py-16 md:py-24 bg-blue-600 text-white fade-in-section">
        <div class="container mx-auto px-6 text-center">
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/selo.png-3.png" alt="Selo de Garantia 100% Satisfação" class="mx-auto mb-8 w-40 md:w-48">
            <h2 class="text-3xl sm:text-4xl font-bold mb-6">Sua Satisfação Garantida ou Seu Dinheiro de Volta!</h2>
            <p class="text-lg sm:text-xl mb-8 max-w-3xl mx-auto">
                Temos tanta confiança no poder de transformação do Powermind que oferecemos uma garantia incondicional de 7 dias. Se por qualquer motivo você não ficar 100% satisfeito com o programa, basta nos enviar um e-mail e devolveremos todo o seu investimento. Sem perguntas, sem burocracia. O risco é todo nosso!
            </p>
            <a href="#oferta" class="cta-button bg-yellow-400 hover:bg-yellow-500 text-gray-800 font-bold py-4 px-10 rounded-lg shadow-xl text-xl transform transition hover:scale-105">
                QUERO MINHA VAGA SEM RISCOS!
            </a>
        </div>
    </section>

    <!-- Oferta Final -->
    <section id="oferta" class="py-16 md:py-24 bg-gray-100 fade-in-section">
        <div class="container mx-auto px-6">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 text-center mb-6">Chegou a Hora de Desbloquear Seu Verdadeiro Potencial!</h2>
            <p class="text-xl text-gray-600 text-center mb-12 max-w-3xl mx-auto">Acesse agora o Powermind e comece a jornada de transformação que vai mudar sua vida para sempre.</p>
            
            <div class="bg-white rounded-xl shadow-2xl p-8 md:p-12 max-w-2xl mx-auto text-center border-t-8 border-blue-500">
                <h3 class="text-2xl font-bold text-gray-800 mb-2">POWERMIND - Acesso Completo</h3>
                <img src="https://ztcursos.de/wp-content/uploads/2025/06/produto.png" alt="Produto Powermind" class="w-1/2 mx-auto my-6 rounded">
                
                <ul class="text-left space-y-3 text-gray-700 mb-8">
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Módulo 1: A Base da Mente Poderosa</li>
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Módulo 2: Reprogramação Mental Avançada</li>
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Módulo 3: Ação Massiva e Resultados</li>
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Acesso vitalício ao conteúdo</li>
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Suporte exclusivo</li>
                    <li class="flex items-center"><svg class="w-5 h-5 text-green-500 mr-2" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg> Bônus Exclusivos (se aplicável)</li>
                </ul>

                <p class="text-gray-500 line-through text-2xl">De R$297,00</p>
                <p class="text-5xl md:text-6xl font-bold text-blue-600 my-3">Por Apenas R$97</p>
                <p class="text-gray-600 mb-8">Ou 12x de R$9,74</p>

                <a href="https://payment.ticto.app/O2B29486D" target="_blank" class="cta-button w-full block bg-gradient-to-r from-green-400 to-green-600 hover:from-green-500 hover:to-green-700 text-white font-bold py-5 px-10 rounded-lg shadow-xl text-2xl transform transition hover:scale-105">
                    QUERO GARANTIR MINHA VAGA COM DESCONTO!
                </a>
                <img src="https://ztcursos.de/wp-content/uploads/2025/06/selo.png-3.png" alt="Selo de Garantia" class="w-32 mx-auto mt-6">
            </div>
        </div>
    </section>

    <!-- FAQ (Perguntas Frequentes) -->
    <section id="faq" class="py-16 md:py-24 bg-white fade-in-section">
        <div class="container mx-auto px-6 max-w-3xl">
            <h2 class="section-title text-3xl sm:text-4xl text-gray-800 text-center mb-12">Perguntas Frequentes</h2>
            <div class="space-y-6">
                <details class="bg-gray-50 p-6 rounded-lg shadow-md group">
                    <summary class="font-semibold text-lg text-gray-700 cursor-pointer flex justify-between items-center">
                        Como vou receber o acesso ao Powermind?
                        <span class="transform transition-transform duration-300 group-open:rotate-180">+</span>
                    </summary>
                    <p class="mt-4 text-gray-600">Após a confirmação do pagamento, você receberá um e-mail com todas as instruções e dados de acesso à nossa área de membros exclusiva.</p>
                </details>
                <details class="bg-gray-50 p-6 rounded-lg shadow-md group">
                    <summary class="font-semibold text-lg text-gray-700 cursor-pointer flex justify-between items-center">
                        Por quanto tempo terei acesso?
                        <span class="transform transition-transform duration-300 group-open:rotate-180">+</span>
                    </summary>
                    <p class="mt-4 text-gray-600">O acesso ao Powermind é vitalício! Você poderá ver e rever as aulas quantas vezes quiser, no seu próprio ritmo.</p>
                </details>
                <details class="bg-gray-50 p-6 rounded-lg shadow-md group">
                    <summary class="font-semibold text-lg text-gray-700 cursor-pointer flex justify-between items-center">
                        E se eu não gostar ou não tiver resultados?
                        <span class="transform transition-transform duration-300 group-open:rotate-180">+</span>
                    </summary>
                    <p class="mt-4 text-gray-600">Você tem uma garantia incondicional de 7 dias. Se não ficar satisfeito, devolvemos 100% do seu dinheiro. O risco é zero!</p>
                </details>
                 <details class="bg-gray-50 p-6 rounded-lg shadow-md group">
                    <summary class="font-semibold text-lg text-gray-700 cursor-pointer flex justify-between items-center">
                        Preciso de algum conhecimento prévio?
                        <span class="transform transition-transform duration-300 group-open:rotate-180">+</span>
                    </summary>
                    <p class="mt-4 text-gray-600">Não! O Powermind foi desenhado para todos os níveis, desde iniciantes até quem já tem algum conhecimento sobre desenvolvimento pessoal. A linguagem é simples e direta.</p>
                </details>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-800 text-gray-300 py-12 text-center">
        <div class="container mx-auto px-6">
            <img src="https://ztcursos.de/wp-content/uploads/2025/06/Logo-na-versao-clara.png" alt="Logo Powermind Branco" class="h-12 mx-auto mb-6">
            <p class="mb-2">&copy; <span id="currentYear"></span> Powermind. Todos os direitos reservados.</p>
            <p class="text-sm">Este site não é afiliado ao Facebook ou a qualquer entidade do Facebook. Depois que você sair do Facebook, a responsabilidade não é deles e sim do nosso site.</p>
            <!-- Adicionar links para Política de Privacidade e Termos de Uso se necessário -->
        </div>
    </footer>

    <script>
        // Get current year for footer
        document.getElementById('currentYear').textContent = new Date().getFullYear();

        // Simple Fade-in on Scroll
        const sections = document.querySelectorAll('.fade-in-section');
        const observerOptions = {
            root: null, // relative to document viewport
            rootMargin: '0px',
            threshold: 0.1 // 10% of item is visible
        };

        const observer = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.classList.add('visible');
                    // Optional: unobserve after animation
                    // observer.unobserve(entry.target); 
                }
            });
        }, observerOptions);

        sections.forEach(section => {
            observer.observe(section);
        });

        // FAQ Accordion toggle icon
        // Handled by Tailwind's group-open utility for the '+' sign rotation, no extra JS needed for that specific part.
    </script>

</body>
</html>
Rolar para cima