A Identidade Visual: Casa Viral
Este projeto foi desenvolvido utilizando uma estética moderna focada em três pilares: Glassmorphism (Vidro Fosco), Cyberpunk/Neon e Animações 3D Imersivas. Abaixo você encontra as definições de como e por que esses estilos foram aplicados. Observe o fundo da tela para ver essas propriedades em ação interagindo com a casa 3D!
Glassmorphism (Vidro)
O painel utiliza a classe CSS customizada .glass-dark. Ela combina uma cor de fundo preta semi-transparente (rgba 0.45) com a propriedade backdrop-filter: blur(12px).
Por que usar? Isso garante que o usuário consiga ler as informações claramente, enquanto ainda percebe a profundidade e o movimento das luzes da animação 3D que acontece no eixo Z (fundo).
Efeito Neon
A cor principal de destaque é o azul cyan (#00f3ff). O brilho é gerado usando text-shadow para textos e box-shadow para botões e bordas.
Como funciona: São aplicadas múltiplas camadas de sombra na mesma cor, porém com diferentes níveis de desfoque e opacidade, simulando o decaimento real de uma luz emissiva no escuro.
Paleta de Cores
#00f3ff
#0a0a0a
#1f2937
rgba(10,10,10,0.4)
O Motor 3D (Fundo)
O fundo utiliza Three.js para renderizar a "Casa Viral". O modelo possui um material fosco escuro, contornado por linhas ("Wireframe") com material básico na cor neon, simulando o estilo TRON.
O Ciclo de Vida: Um relógio interno roda um loop de 15 segundos. Peças interpolam posições matemáticas para flutuar no espaço, encaixar na ordem certa, rotacionar para apreciação e desmontar suavemente, criando um dinamismo infinito sem a necessidade de interação do usuário.