Copie e cole no Claude. Ele cria a animação completa, do logo ao iPhone abrindo o app.
Crie um anúncio animado do Spotify em um único arquivo HTML, todo em português do Brasil. FORMATO - Palco de 1920x1080 (16:9) que escala para caber na janela, com fundo preto ao redor. - Duração de 22 segundos. Toca sozinho e recomeça. Tecla F ativa tela cheia e a barra de espaço reinicia. - Toda a animação é guiada pelo tempo (requestAnimationFrame lendo o tempo decorrido) e mexe só em transform e opacity. - Movimento sempre suave: easing de saída e de entrada e saída, sem saltos, sem paradas bruscas. A tela nunca fica totalmente parada. VISUAL - Fundo quase preto com um grande brilho verde Spotify (#1ED760), bem difuso, que passeia devagar pela tela o tempo todo. - Fonte Figtree (Google Fonts), texto branco, palavras de destaque em verde claro (#5CFF98). - Logo do Spotify em SVG: círculo verde com as três ondas pretas, e o nome "Spotify" ao lado. - Cartões com cantos arredondados, sombra suave e borda de luz fina. ROTEIRO (segundos) 0 a 2,5: o ícone do Spotify desce suave até o centro, o nome desliza de trás do ícone, o logo segura um instante e sobe sumindo. 2,5 a 4,5: um iPhone em 3D (CSS 3D, com espessura e cantos arredondados) vem girando de longe e para de frente, levemente inclinado, na tela de bloqueio com 9:41. 4,5 a 5,5: a tela troca para a tela inicial: widget de clima de São Paulo e 12 apps com ícones e nomes (Apple TV, Contatos, Fotos, Calendário, Câmera, Spotify, Mapas, Relógio, Instagram, YouTube, Netflix, WhatsApp). 5,5 a 6,5: um toque aparece sobre o ícone do Spotify (círculo branco com onda), o ícone afunda e o app abre crescendo a partir do ícone, como no iPhone. 6,5 a 7,5: tela "Tocando agora" com capa quadrada, nome da música, artista, barra de progresso e controles. A câmera se aproxima da capa até ela tomar o quadro, sem esticar a imagem, e um clarão branco faz a passagem. 7,5 a 10: dentro do app: chips Tudo, Música, Seguindo e Podcasts; uma grade 2x2 de atalhos (Top 50 Brasil, Mix Sertanejo, Mix Funk, Mix Piseiro) entra pela direita em perspectiva; a seleção desliza de Tudo para Música. 10 a 12,5: título "Novos lançamentos para você" e 6 cartões de música (cabeçalho colorido, avatar redondo, título, artista e capa) entrando pela direita, com uma rolagem suave para baixo. 12,5 a 15: a frase "Ouça seus artistas favoritos" entra palavra por palavra, com "artistas" em verde; ela sai para a esquerda e "com um só clique" entra pela direita, com "só" em verde. 15 a 17,5: a frase se comprime até virar um traço de luz, o traço vira um ponto branco, o ponto cresce como círculo verde e as três ondas aparecem: o ícone do Spotify. 17,5 a 21: o nome Spotify desliza de trás do ícone e, embaixo, aparece "Tudo o que você ama, a um toque." 21 a 22: tudo some suave no preto. CAPAS E ARTISTAS - Músicas e artistas fictícios, com nomes em português. - Capas e fotos feitas em CSS com gradientes e formas abstratas (sem imagens externas), cada uma com uma cor própria. Responda só com o código HTML completo, pronto para abrir na prévia do Claude.