<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vencer a Ansiedade - O Método Americano</title>
<meta name="description"
content="Descubra o método americano revolucionário para vencer a ansiedade e retomar o controle da sua vida.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
<div class="bg-glow"></div>
<div class="bg-glow-2"></div>
<main>
<section class="hero container fade-in-up">
<div class="glass-panel" style="padding: 4rem 2rem; border-radius: 30px; text-align: center;">
<span class="badge"
style="background: rgba(34,197,94,0.15); padding: 0.5rem 1rem; border-radius: 20px; color: #22C55E; font-weight: 600; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px;">Novo
Método Revelado</span>
<h1 style="color:#F8FAFC; margin:1.5rem 0;">
O MÉTODO <span style="color:#22C55E;">AMERICANO</span><br>
USADO PARA CONTROLAR<br>
A ANSIEDADE EM CASA
</h1>
<p style="color: #9CA3AF; font-size: 18px; font-weight: 400; max-width: 700px; margin: 0 auto 2.5rem;">
Um método simples para quem sofre com ansiedade e quer mais calma e controle sem sair de casa.
</p>
<a href="https://pay.hotmart.com/P86592692W?off=7yp9toyi" target="_blank"
class="btn btn-primary pulse-btn">🌿 Quero
controlar minha ansiedade</a>
<p class="center-text" style="margin-top: 1.5rem; margin-bottom: 0px; color:#9CA3AF;">
<strong style="color:#00f2ff;">Centenas de pessoas…</strong> já aplicaram este método em casa
</p>
</div>
</section>
<section class="container section-padding fade-in-up">
<h2 class="center-text learning-title" style="margin-bottom: 3rem;">O QUE VOCÊ VAI <span
style="color: #00f2ff;">APRENDER</span></h2>
<div class="learning-grid">
<div class="glass-card">
<i class="fas fa-brain" style="color:#7000ff"></i>
<h3>Identificação</h3>
<p>Como saber se você tem ansiedade regular ou se é algo além.</p>
</div>
<div class="glass-card">
<i class="fas fa-list-ul" style="color:#00f2ff"></i>
<h3>Tipos de Transtornos</h3>
<p>Um mapa completo dos diferentes tipos de ansiedade que existem.</p>
</div>
<div class="glass-card">
<i class="fas fa-wave-square fa-2x" style="color: #7000ff; margin-bottom: 1rem;"></i>
<h3>Estresse vs Ansiedade</h3>
<p>Qual é a diferença real entre estresse e ansiedade?</p>
</div>
<div class="glass-card">
<i class="fas fa-cogs fa-2x" style="color: #00f2ff; margin-bottom: 1rem;"></i>
<h3>Padrões Mentais</h3>
<p>Como seu pensamento afeta negativamente seus níveis diários.</p>
</div>
<div class="glass-card">
<i class="fas fa-capsules fa-2x" style="color: #7000ff; margin-bottom: 1rem;"></i>
<h3>Tratamentos Avançados</h3>
<p>Descubra os tratamentos mais eficazes e modernos.</p>
</div>
<div class="glass-card">
<i class="fas fa-plus-circle fa-2x" style="color: #00f2ff; margin-bottom: 1rem;"></i>
<h3>Fatores Ocultos</h3>
<p>Outros fatores surpreendentes que contribuem para a ansiedade.</p>
</div>
</div>
<div class="center-text" style="margin-top: 3rem;">
<a href="https://pay.hotmart.com/P86592692W?off=7yp9toyi" target="_blank" class="btn btn-primary">🌿
Quero controlar
minha ansiedade</a>
</div>
</section>
<section class="container section-padding fade-in-up">
<div class="glass-panel" style="padding: 3rem;">
<h2 class="center-text" style="margin-bottom: 2rem;">QUEM PRECISA DESTE GUIA?</h2>
<div class="symptoms-list">
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Respiração ofegante</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Palpitações no peito</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Tremores</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Agitação motora</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Tontura</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Boca seca</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Insônia</div>
<div class="symptom-item"><i class="fas fa-check-circle check-icon"></i> Falta de concentração</div>
</div>
</div>
</section>
<section class="container section-padding fade-in-up" id="testimonials">
<h2 class="center-text" style="margin-bottom: 3rem;">VEJA O QUE ESTÃO DIZENDO</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
<div class="glass-card">
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Maria Silva"
style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid #00f2ff;">
<div>
<h4 style="margin: 0;">Maria Silva</h4>
<span style="color: #00f2ff; font-size: 0.8rem;">★★★★★</span>
</div>
</div>
<p>"Mudou minha vida completamente. As técnicas são simples e muito eficazes."</p>
</div>
<div class="glass-card">
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="João Santos"
style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid #00f2ff;">
<div>
<h4 style="margin: 0;">João Santos</h4>
<span style="color: #00f2ff; font-size: 0.8rem;">★★★★★</span>
</div>
</div>
<p>"Finalmente entendi o que estava acontecendo comigo. O guia é muito completo."</p>
</div>
<div class="glass-card">
<div style="display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem;">
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Ana Costa"
style="width: 50px; height: 50px; border-radius: 50%; object-fit: cover; border: 2px solid #00f2ff;">
<div>
<h4 style="margin: 0;">Ana Costa</h4>
<span style="color: #00f2ff; font-size: 0.8rem;">★★★★★</span>
</div>
</div>
<p>"Recomendo para todos. Vale cada centavo pelo conteúdo entregue."</p>
</div>
</div>
</section>
<section id="offer" class="container section-padding fade-in-up">
<div class="glass-panel offer-box"
style="padding: 4rem 2rem; border-color: #00f2ff; box-shadow: 0 0 50px rgba(0, 242, 255, 0.1);">
<div
style="position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #00f2ff, #7000ff);">
</div>
<h2 style="font-size: 2rem; margin-bottom: 1rem;">OFERTA ESPECIAL</h2>
<p style="color: #00f2ff; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;">Promoção
Encerra Em Poucos Minutos</p>
<div class="countdown-container">
<div class="time-unit">
<span class="time-val" id="minutes">02</span>
<span class="time-label">Minutos</span>
</div>
<div class="time-unit">
<span class="time-val">:</span>
</div>
<div class="time-unit">
<span class="time-val" id="seconds">00</span>
<span class="time-label">Segundos</span>
</div>
</div>
<div class="price-container">
<span class="old-price">DE R$ 197,00</span>
<br>
<span style="font-size: 1.5rem; color: #ccc;">POR APENAS</span>
<br>
<span class="new-price">R$ 29,90</span>
</div>
<a href="https://pay.hotmart.com/P86592692W?off=7yp9toyi" target="_blank" class="btn btn-primary"
style="font-size: 1.3rem; padding: 1.2rem 3rem;">🌿 Quero controlar
minha ansiedade</a>
<div style="margin-top: 3rem; display: flex; align-items: center; justify-content: center; gap: 1rem;">
<i class="fas fa-lock" style="color: #00f2ff;"></i>
<span style="font-size: 0.9rem; color: #aaa;">Pagamento 100% Seguro</span>
</div>
</div>
</section>
<section class="container section-padding fade-in-up">
<div style="display: flex; flex-direction: column; align-items: center; text-align: center;">
<i class="fas fa-shield-alt fa-5x"
style="color: #00f2ff; margin-bottom: 1.5rem; filter: drop-shadow(0 0 10px rgba(0,242,255,0.5));"></i>
<h2 style="margin-bottom: 1rem;">VOCÊ ESTÁ SEGURO!</h2>
<p style="max-width: 600px; color: #9CA3AF;">
O Código de Defesa do Consumidor (Art. 49) garante 7 dias para solicitar reembolso.<br>
Se dentro desse prazo você sentir que o conteúdo não é para você, devolvemos 100% do seu dinheiro.
</p>
</div>
</section>
<section class="container section-padding fade-in-up">
<h2 class="center-text" style="margin-bottom: 3rem;">DÚVIDAS FREQUENTES</h2>
<div class="glass-panel" style="padding: 2rem;">
<div class="faq-item">
<button class="faq-question">
O que é isso tudo?
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>É um guia completo baseado em métodos americanos comprovados para ajudar você a entender,
controlar e vencer a ansiedade de forma natural e eficaz.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Como eu vou receber esse guia?
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>O guia é 100% digital (e-book). Você receberá o acesso imediatamente após a confirmação do
pagamento no seu e-mail.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
Em quanto tempo vou ter resultados?
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>Os resultados variam de pessoa para pessoa, mas muitos alunos relatam melhoras significativas
já nas primeiras semanas de aplicação das técnicas.</p>
</div>
</div>
<div class="faq-item">
<button class="faq-question">
E se eu não tiver tempo para estudar?
<i class="fas fa-chevron-down"></i>
</button>
<div class="faq-answer">
<p>O material é direto ao ponto e pode ser lido no seu próprio ritmo, em qualquer dispositivo
(celular, tablet ou computador).</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container" style="padding: 3rem 0;">
<p style="font-size: 1rem; margin-bottom: 1rem; opacity: 0.8;">
ESTE PRODUTO NÃO SUBSTITUI O PARECER MÉDICO PROFISSIONAL. SEMPRE CONSULTE UM MÉDICO PARA TRATAR DE
ASSUNTOS RELACIONADOS À SAÚDE.
</p>
<p style="color: var(--primary); font-weight: 600; font-size: 1.1rem;">© 2026 Novo Método Revelado VENCENDO
A ANSIEDADE. TODOS OS DIREITOS RESERVADOS.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>