Crie uma Landing Page completa em HTML, CSS e JavaScript (Single File) otimizada para dispositivos móveis, com foco na venda de cotas da ação "01 do Repasse Chefinho Motos".
1. Identidade Visual e Cabeçalho
Tema Visual: Dark Mode com estética esportiva de motociclismo (Fundo escuro #121212, cards #1e1e1e, detalhes em Vermelho #e50914 e Amarelo Dourado #ffc107).
Topo/Header:
Imagem da logomarca centralizada: logo-perfil-01-e1747069107882.webp (Chefinho Motos).
Título Principal: 01 do Repasse Chefinho Motos.
Badge/Selo em Destaque: "Sorteio em andamento" (NÃO exibir porcentagem de vendas nem quantidade de cotas vendidas).
2. Seleção de Pacotes (Apenas Combos Fechados)
Importante: NÃO exiba grade de seleção manual de números. O cliente escolhe apenas o pacote de valor.
Layout dos Cards de Pacotes: Crie uma grade de cards interativos, modernos e chamativos com os seguintes valores:
50 Números — R$ 15,00
100 Números — R$ 22,00 (Destaque: Mais Vendido)
150 Números — R$ 30,00
200 Números — R$ 40,00
250 Números — R$ 50,00
500 Números — R$ 75,00 (Destaque: Melhor Valor)
3. Lógica do Sistema e Regra de Teste
Total de Cotas: 4.000 números (formatados de 0000 a 3999).
Reserva de Segurança (Modo Teste):
Reserve internamente o número 3999 fora do estoque público de vendas.
O algoritmo de atribuição automática de números NUNCA pode incluir o número 3999 nos pacotes dos compradores.
A função responsável por realizar ou simular o sorteio final deve ser programada para selecionar obrigatoriamente este número pré-reservado, garantindo que em ambiente de teste não haja nenhum ganhador entre os compradores.
4. Modal de Checkout e Redirecionamento para WhatsApp
Ao clicar no botão "Comprar Agora" de qualquer pacote, abra um Modal contendo:
Resumo do pacote selecionado.
Campo input: Nome Completo.
Campo input: Telefone (WhatsApp) com máscara (00) 00000-0000.
Botão de confirmação: "Finalizar e Receber PIX".
Integração WhatsApp:
Número de destino: 5511920955397
Redirecionar para: [https://wa.me/5511920955397](https://wa.me/5511920955397)
Formato EXATO da mensagem pré-formatada (utilize encodeURIComponent no JavaScript):
Plaintext
NOVO PEDIDO — 01 do Repasse Chefinho Motos.
Cliente: [Nome do Cliente]
Telefone: [Telefone]
Pacote Escolhido: [Ex: 100 Números - R$ 22,00]
Números da Sorte: [Lista dos números gerados aleatoriamente]
Por favor, envie a chave PIX ou o link de pagamento.
5. Requisitos de Código (HTML/CSS/JS)
Código limpo, responsivo e adaptado para telas de celular (mobile-first).
CSS interno na tag