Apresentação de app mobile

Crie um único ficheiro HTML (1920×1080 px, 16:9 horizontal, GSAP via CDN) com um vídeo promocional de 30 segundos para a aplicação mobile MIND, de bem-estar e concentração, ao estilo de lançamento da App Store: fundo escuro com brilho colorido, telemóvel 3D flutuante simulado em CSS, títulos com palavras-chave em #A78BFA, zoom no ecrã, cartões a saltar do telemóvel e transições com desfoque.

Cor principal: #A78BFA. Complementares: azul-noite (#101024), branco (#FFFFFF) e uma variante clara de #A78BFA para fundos de cartões.
Tagline: "Encontre o seu equilíbrio.".

Cenas, por ordem:
1. Abertura: um pequeno círculo luminoso surge no centro, expande-se e revela o nome MIND.
2. "Desligue do ruído.": o telemóvel entra em rotação lenta, rodeado por pequenas notificações que desaparecem com desfoque. O ecrã passa a mostrar Respiração guiada.
3. "Encontre o seu foco.": zoom no ecrã. Surge Temporizador de foco com indicador circular de progresso que começa a preencher-se.
4. "Crie hábitos melhores.": três cartões saltam do ecrã com movimento 3D, um por funcionalidade: Respiração guiada, Temporizador de foco e Hábitos e progresso. Cada um com ilustração abstrata e indicador de progresso.
5. "Acompanhe a sua evolução.": o telemóvel roda ligeiramente e mostra um painel com números a subir em count-up e um gráfico semanal.
6. "Um momento só seu.": três telemóveis em leque com os ecrãs principais. Iluminação suave e movimento de câmara cinematográfico.
7. Final: os telemóveis afastam-se e dão lugar ao nome MIND com a tagline "Encontre o seu equilíbrio.".

Requisitos: interfaces mobile credíveis e consistentes, tipografia moderna e componentes bem desenhados. Use HTML, CSS e GSAP para simular profundidade 3D, rotações, zoom, desfoque, iluminação e cartões flutuantes. Reprodução automática ao longo de 30 segundos, sem cortes bruscos nem interação. O resultado deve parecer uma campanha premium de lançamento de uma aplicação.