C N P J Search Interface - Copy this Html, Tailwind Component to your project

Crie uma página moderna e responsiva para pesquisa de CNPJ com as seguintes especificações: 1. Título e Cabeçalho: Um cabeçalho fixo com o título "Consulta de CNPJ". Layout responsivo com design moderno e cores agradáveis (ex.: azul e branco como temas principais). 2. Entrada de Texto: Um campo de entrada onde o usuário pode digitar o número do CNPJ (exemplo de placeholder: "Digite o CNPJ (somente números)"). Validação para aceitar apenas 14 números. Caso contrário, exiba uma mensagem de erro como "CNPJ inválido. Digite 14 números.". 3. Botão de Pesquisa: Um botão azul estilizado com texto "Consultar CNPJ". O botão deve acionar uma requisição GET para a API no formato: https://minhareceita.org/<CNPJ digitado>. O botão deve ficar desabilitado enquanto o campo de CNPJ estiver vazio ou inválido. 4. Exibição de Resultados: Após receber a resposta da API, exiba os seguintes dados principais, organizados em seções: Dados da Empresa: Razão Social Nome Fantasia Situação Cadastral (ex.: "ATIVA") Data de Início de Atividades Natureza Jurídica Endereço: Logradouro, Número, Complemento Bairro, Município, UF, CEP Atividades Econômicas (CNAEs): CNAE Principal: Código e Descrição CNAEs Secundários (em lista, se disponíveis) Quadro Societário: Nome do Sócio Qualificação Faixa Etária Caso o CNPJ não seja encontrado ou seja inválido, exibir mensagens amigáveis: "CNPJ inválido. Por favor, tente novamente." "CNPJ não encontrado. Verifique o número informado." 5. Design Moderno: Estilo moderno com layout responsivo para dispositivos móveis e desktop. Adicione ícones ao lado do título e do botão de consulta (ex.: ícone de lupa no botão). 6. Validação e Erros: Valide no front end se o CNPJ tem 14 dígitos numéricos antes de enviar a requisição. Caso a API retorne um erro (ex.: status 404 ou 400), exiba mensagens específicas no lugar dos resultados.