📄 Estrutura HTML (index.html)
<!DOCTYPE html> → Define que o documento segue o padrão HTML5.

<html lang="pt-BR"> → Indica que o idioma da página é português do Brasil.

<head> → Contém metadados:

charset="UTF-8" → Permite acentos e caracteres especiais.

viewport → Faz a página se adaptar a diferentes tamanhos de tela (responsividade).

<title> → Define o título exibido na aba do navegador.

<link rel="stylesheet" href="style.css"> → Importa o arquivo CSS externo.

<body> → Onde fica o conteúdo visível:

<form> → Cria o formulário.

<h1> → Título "Contato".

<label> → Texto explicativo para cada campo.

<input type="text"> → Campo para digitar o nome.

<input type="email"> → Campo para digitar o e-mail (valida formato de e-mail).

<textarea> → Área maior para escrever a mensagem.

<button> → Botão para enviar.

-------------------------------

🎨 Estilo CSS (style.css)
body

Fonte padrão: Arial.

Fundo cinza claro (#eeeeee).

form

Largura fixa de 400px.

Centralizado na tela com margin: 50px auto.

Espaçamento interno (padding: 30px).

Fundo branco com cantos arredondados (border-radius: 10px).

label

Exibido em bloco (display: block).

Espaço acima de cada rótulo (margin-top: 15px).

input, textarea

Ocupam toda a largura disponível (width: 100%).

Espaçamento interno (padding: 10px).

Margem superior de 5px.

box-sizing: border-box → Inclui padding e borda no cálculo da largura total.

input:focus, textarea:focus

Remove o contorno padrão (outline: none).

Adiciona borda azul quando o campo está ativo.

button

Ocupa toda a largura.

Espaçamento interno de 12px.

Fundo azul, texto branco.

Sem borda.

Cursor muda para "mãozinha" ao passar por cima.