/* Estilo customizado para o corpo da página e animações */
body {
    font-family: 'Inter', sans-serif;
    background-color: #111827; /* Fundo cinza escuro */
    background-image: radial-gradient(circle at 1px 1px, #374151 1px, transparent 0);
    background-size: 2rem 2rem;
}

/* Animação para o conteúdo aparecer suavemente */
.fade-in-up {
    animation: fadeInUp 1.2s ease-out forwards;
    opacity: 0;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Adiciona um delay diferente para cada elemento */
.delay-1 { animation-delay: 0.2s; }
.delay-2 { animation-delay: 0.4s; }
.delay-3 { animation-delay: 0.6s; }
.delay-4 { animation-delay: 0.8s; }