/* ============================================= 🎨 VARIÁVEIS DE CORES — EDITE AQUI! ============================================= */ :root { --cor-primaria: #e63946; /* Cor principal (botões, destaques) */ --cor-secundaria: #ff6b6b; /* Cor secundária (gradiente) */ --cor-fundo: #0d0d0d; /* Fundo da página */ --cor-secao: #161616; /* Fundo das seções alternadas */ --cor-card: #1e1e1e; /* Fundo dos cards */ --cor-texto: #f0f0f0; /* Texto principal */ --cor-texto-suave: #999; /* Texto secundário */ --cor-borda: #2a2a2a; /* Bordas */ --cor-destaque: #ffe066; /* Cor de destaque (estrelas, badges) */ } /* ============================================= 🔤 TEXTOS — EDITE O CONTEÚDO AQUI! ============================================= */ /* Para editar textos, procure as tags no HTML */ /* ============================================= BASE ============================================= */ * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Nunito', sans-serif; background: var(--cor-fundo); color: var(--cor-texto); overflow-x: hidden; } /* ============================================= HEADER ============================================= */ header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; background: rgba(13,13,13,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--cor-borda); } .logo { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 3px; background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .header-cta { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)); color: #fff; padding: 10px 22px; border-radius: 50px; text-decoration: none; font-weight: 800; font-size: 14px; letter-spacing: 0.5px; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 20px rgba(230,57,70,0.4); } .header-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(230,57,70,0.6); } /* ============================================= HERO ============================================= */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 120px 24px 80px; position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(230,57,70,0.15) 0%, transparent 70%); pointer-events: none; } .hero-badge { display: inline-block; background: rgba(230,57,70,0.15); border: 1px solid rgba(230,57,70,0.4); color: var(--cor-primaria); padding: 6px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 24px; animation: fadeInDown 0.8s ease; } .hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(52px, 10vw, 110px); line-height: 0.95; letter-spacing: 2px; margin-bottom: 24px; animation: fadeInUp 0.9s ease; } .hero h1 span { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero p { font-size: clamp(16px, 2.5vw, 20px); color: var(--cor-texto-suave); max-width: 560px; margin: 0 auto 40px; line-height: 1.7; animation: fadeInUp 1s ease; } .hero-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; animation: fadeInUp 1.1s ease; } .btn-principal { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)); color: #fff; padding: 18px 42px; border-radius: 60px; text-decoration: none; font-weight: 900; font-size: 17px; letter-spacing: 0.5px; transition: all 0.3s; box-shadow: 0 6px 30px rgba(230,57,70,0.45); position: relative; overflow: hidden; } .btn-principal::after { content: ''; position: absolute; inset: 0; background: rgba(255,255,255,0.1); opacity: 0; transition: opacity 0.3s; } .btn-principal:hover { transform: translateY(-3px) scale(1.03); box-shadow: 0 12px 40px rgba(230,57,70,0.6); } .btn-principal:hover::after { opacity: 1; } .btn-secundario { background: transparent; border: 2px solid var(--cor-borda); color: var(--cor-texto); padding: 16px 36px; border-radius: 60px; text-decoration: none; font-weight: 700; font-size: 16px; transition: all 0.3s; } .btn-secundario:hover { border-color: var(--cor-primaria); color: var(--cor-primaria); } .hero-stats { display: flex; gap: 40px; justify-content: center; flex-wrap: wrap; margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--cor-borda); animation: fadeIn 1.4s ease; } .stat { text-align: center; } .stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 42px; letter-spacing: 1px; background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .stat-label { font-size: 13px; color: var(--cor-texto-suave); font-weight: 600; letter-spacing: 0.5px; } /* ============================================= SEÇÃO BENEFÍCIOS ============================================= */ .secao { padding: 100px 24px; max-width: 1100px; margin: 0 auto; } .secao-fundo-alt { background: var(--cor-secao); } .secao-fundo-alt .secao { max-width: 100%; } .secao-fundo-alt .secao-inner { max-width: 1100px; margin: 0 auto; padding: 100px 24px; } .titulo-secao { font-family: 'Bebas Neue', sans-serif; font-size: clamp(38px, 6vw, 64px); letter-spacing: 1.5px; text-align: center; margin-bottom: 12px; } .titulo-secao span { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .subtitulo-secao { text-align: center; color: var(--cor-texto-suave); font-size: 16px; margin-bottom: 60px; max-width: 500px; margin-left: auto; margin-right: auto; } .grid-beneficios { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .card-beneficio { background: var(--cor-card); border: 1px solid var(--cor-borda); border-radius: 20px; padding: 36px 32px; transition: all 0.3s; position: relative; overflow: hidden; } .card-beneficio::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--cor-primaria), var(--cor-destaque)); opacity: 0; transition: opacity 0.3s; } .card-beneficio:hover { transform: translateY(-6px); border-color: rgba(230,57,70,0.3); box-shadow: 0 20px 50px rgba(0,0,0,0.3); } .card-beneficio:hover::before { opacity: 1; } .icone-beneficio { font-size: 36px; margin-bottom: 18px; display: block; } .card-beneficio h3 { font-size: 20px; font-weight: 800; margin-bottom: 10px; } .card-beneficio p { color: var(--cor-texto-suave); font-size: 15px; line-height: 1.7; } /* ============================================= PRODUTO / OFERTA ============================================= */ .secao-oferta { background: var(--cor-secao); padding: 100px 24px; } .oferta-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } @media (max-width: 768px) { .oferta-inner { grid-template-columns: 1fr; } .oferta-imagem { order: -1; } } .oferta-imagem { background: linear-gradient(135deg, rgba(230,57,70,0.1), rgba(255,224,102,0.05)); border: 1px solid var(--cor-borda); border-radius: 24px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; font-size: 120px; position: relative; overflow: hidden; } .oferta-imagem::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 70%, rgba(230,57,70,0.1), transparent 60%); } .oferta-tag { display: inline-block; background: rgba(255,224,102,0.15); border: 1px solid rgba(255,224,102,0.3); color: var(--cor-destaque); padding: 5px 14px; border-radius: 50px; font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 20px; } .oferta-titulo { font-family: 'Bebas Neue', sans-serif; font-size: clamp(40px, 5vw, 64px); letter-spacing: 1px; line-height: 1; margin-bottom: 20px; } .oferta-titulo span { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .oferta-desc { color: var(--cor-texto-suave); font-size: 16px; line-height: 1.8; margin-bottom: 28px; } .preco-bloco { background: var(--cor-card); border: 1px solid var(--cor-borda); border-radius: 16px; padding: 24px 28px; margin-bottom: 28px; } .preco-de { font-size: 14px; color: var(--cor-texto-suave); text-decoration: line-through; margin-bottom: 4px; } .preco-por { font-family: 'Bebas Neue', sans-serif; font-size: 52px; letter-spacing: 1px; color: var(--cor-primaria); line-height: 1; } .preco-info { font-size: 13px; color: var(--cor-texto-suave); margin-top: 6px; } /* ============================================= DEPOIMENTOS ============================================= */ .grid-depoimentos { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; } .card-depoimento { background: var(--cor-card); border: 1px solid var(--cor-borda); border-radius: 20px; padding: 32px; transition: transform 0.3s; } .card-depoimento:hover { transform: translateY(-4px); } .estrelas { color: var(--cor-destaque); font-size: 18px; margin-bottom: 14px; letter-spacing: 2px; } .card-depoimento p { color: var(--cor-texto-suave); font-size: 15px; line-height: 1.7; margin-bottom: 20px; font-style: italic; } .autor { display: flex; align-items: center; gap: 12px; } .autor-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--cor-primaria), var(--cor-secundaria)); display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; color: #fff; flex-shrink: 0; } .autor-nome { font-weight: 800; font-size: 15px; } .autor-local { font-size: 12px; color: var(--cor-texto-suave); } /* ============================================= CTA FINAL ============================================= */ .secao-cta { padding: 120px 24px; text-align: center; position: relative; overflow: hidden; } .secao-cta::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 600px; height: 600px; background: radial-gradient(circle, rgba(230,57,70,0.12), transparent 70%); pointer-events: none; } .cta-titulo { font-family: 'Bebas Neue', sans-serif; font-size: clamp(42px, 8vw, 90px); letter-spacing: 2px; line-height: 0.95; margin-bottom: 24px; position: relative; } .cta-titulo span { background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .cta-desc { color: var(--cor-texto-suave); font-size: 18px; max-width: 480px; margin: 0 auto 40px; line-height: 1.7; position: relative; } /* ============================================= FOOTER ============================================= */ footer { padding: 40px 24px; border-top: 1px solid var(--cor-borda); text-align: center; color: var(--cor-texto-suave); font-size: 13px; } .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 3px; background: linear-gradient(135deg, var(--cor-primaria), var(--cor-destaque)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; display: block; } /* ============================================= ANIMAÇÕES ============================================= */ @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes pulso { 0%, 100% { box-shadow: 0 6px 30px rgba(230,57,70,0.45); } 50% { box-shadow: 0 6px 50px rgba(230,57,70,0.8); } } .pulso { animation: pulso 2s ease-in-out infinite; } /* ============================================= GARANTIA BADGE ============================================= */ .garantia { display: inline-flex; align-items: center; gap: 10px; background: rgba(255,255,255,0.04); border: 1px solid var(--cor-borda); border-radius: 12px; padding: 14px 20px; font-size: 14px; color: var(--cor-texto-suave); margin-top: 20px; } .garantia span { font-size: 22px; } /* ============================================= RESPONSIVO ============================================= */ @media (max-width: 600px) { .hero-stats { gap: 24px; } .hero-buttons { flex-direction: column; align-items: center; } .btn-principal, .btn-secundario { width: 100%; max-width: 300px; text-align: center; } }

Alphasin

🔥 Quero Comprar

✦ Oferta Exclusiva ✦

TRANSFORME
SEU CORPO
DE VERDADE

Alphasin é a solução que você precisava para alcançar seus resultados de forma rápida, segura e eficaz. Sem enrolação.

🛒 GARANTIR MEU DESCONTO Saiba mais ↓

50K+

Clientes Satisfeitos

4.9★

Avaliação Média

30

Dias de Garantia

Por que escolher
Alphasin?

Resultados comprovados por quem já experimentou

⚡

Resultado Rápido

Fórmula desenvolvida para acelerar seus resultados já nas primeiras semanas de uso contínuo.

🔬

Fórmula Exclusiva

Combinação única de ativos que potencializam sua performance de forma segura e eficaz.

🏆

Qualidade Premium

Fabricado com os mais altos padrões de qualidade e rigoroso controle de produção.

🛡️

100% Seguro

Produto testado, aprovado e seguro para o consumo. Sem efeitos colaterais indesejados.

📦

Entrega Garantida

Enviamos para todo o Brasil com rastreamento completo e embalagem discreta e segura.

💸

Garantia de 30 Dias

Se não ficar satisfeito por qualquer motivo, devolvemos 100% do seu dinheiro. Sem burocracia.

💊

⚡ Oferta por Tempo Limitado

ALPHASIN
OFICIAL

O suplemento que está revolucionando os resultados de milhares de pessoas no Brasil. Fórmula premium com ativos de alta performance para quem leva a sério seus objetivos.

De: R$ 197,00

R$ 97,00

ou 12x de R$ 9,49 no cartão • Frete Grátis

🛒 COMPRAR AGORA

🔒 Pagamento 100% seguro • Criptografia SSL

O que dizem os
clientes

Resultados reais de pessoas reais

★★★★★

"Comecei a ver resultados na segunda semana. Produto incrível, superou minhas expectativas. Recomendo demais!"

M

Marcos Silva

São Paulo, SP

★★★★★

"Já tentei vários produtos antes e nenhum deu resultado como o Alphasin. Chegou rápido e a entrega foi discreta."

A

Ana Lima

Rio de Janeiro, RJ

★★★★★

"Vale cada centavo! Minha energia e disposição mudaram completamente. O suporte do time é excelente também."

R

Rafael Costa

Curitiba, PR

CHEGA DE
ESPERAR

Garanta agora o seu Alphasin com desconto especial e frete grátis. Estoque limitado!

🔥 QUERO MEU DESCONTO AGORA

✅ 30 dias de garantia  •  🔒 Pagamento seguro  •  📦 Frete grátis