Crie um site pessoal moderno e minimalista inspirado no design visual de um estrategista de marca profissional:

**Estilo geral**

- Linguagem de design minimalista com amplo espaço em branco e grande liberdade para o conteúdo.

Profissional e criativo, personificando a imagem de um estrategista de marca.

- Layout responsivo para dispositivos desktop e móveis

**Esquema de cores**

- Fundo: Creme quente/branco sujo (#FFFEF9)

- Cor principal em destaque: Rosa brilhante/magenta (#FF1493) para títulos e chamadas à ação principais.

- Destaque secundário: Azul claro/ciano (#00CED1) para etiquetas e categorias

- Cor do texto: Preto profundo (#1a1a1a) para o corpo do texto, garantindo alta legibilidade.

**Design Tipográfico**

- Títulos em negrito extragrandes: Nome dividido em duas linhas usando fontes sans-serif ultranegrito (como Inter Black/Helvetica Black), tamanho mínimo da fonte de 80px.

- Cargo em rosa vibrante, tamanho da fonte de 60 a 80 pixels

- Texto do corpo em fonte sans-serif limpa de 16 a 18px

- Sistema de grade rígido com layout de duas ou três colunas

- Use linhas finas (1px) para separar diferentes áreas de conteúdo.

**Estrutura da Página**

1. Seção Herói:

- Lado esquerdo: Título do nome em tamanho extra grande (dividido em duas linhas) + título do cargo (em rosa)

- Lado direito: Foto de perfil circular com borda colorida

- Abaixo: Breve declaração de missão pessoal

2. Seção de Informações de Contato:

- Links para telefone, e-mail e site

- Destacado em rosa ou azul

3. Seção de Experiência Profissional:

- Esquerda: Etiquetas de período de tempo (usando cores de destaque)

- À direita: Títulos dos cargos (em itálico) + descrições detalhadas

- Hierarquia visual clara

4. Seção de Educação:

- Mesmo layout de duas colunas

- Período de tempo + instituição + grau acadêmico

5. Seção de Habilidades/Idiomas:

- Rótulos de categoria em blocos de cores

- Exibição em formato de grade

**Elementos Visuais**

- Foto de perfil circular com borda rosa ou degradê

- Cabeçalhos de categoria no estilo de tags (como "EXPERIÊNCIA PROFISSIONAL") em cores de destaque.

- Botão flutuante (canto inferior direito para voltar ao topo) em círculo preto

- Efeitos sutis de foco em todos os elementos interativos.

**Recomendações de fontes**

- Títulos: Inter Black, Helvetica Neue Bold ou Montserrat ExtraBold

- Corpo do texto: Inter Regular, Helvetica Neue ou System UI

**Detalhes da interação**

- Rolagem suave

- Link com animação de mudança de cor ou sublinhado ao passar o mouse

- Menu de navegação responsivo

- Animação de carregamento limpa e elegante

**Requisitos de conteúdo**

- Biografia pessoal enfatizando "década de experiência", "estratégia e storytelling" e palavras-chave semelhantes.

- Experiência profissional destacando conquistas e métricas específicas (como "crescimento de 200%)

- Apresentar colaborações com marcas/instituições renomadas

- Proficiência linguística e habilidades profissionais claramente categorizadas

Por favor, gere o código HTML/CSS/JavaScript completo, garantindo que o design seja profissional, moderno e incorpore plenamente as características da marca pessoal.