/* ============================================
   ANIMATIONS - Aurora Link-in-Bio
   Arquivo: animations.css
   Descrição: Animações de entrada e micro-interações
   ============================================ */

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

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes spin {
    0% {
        transform: rotate(0deg) scale(1);
    }
    25% {
        transform: rotate(10deg) scale(1.1);
    }
    50% {
        transform: rotate(0deg) scale(1);
    }
    75% {
        transform: rotate(-10deg) scale(1.1);
    }
    100% {
        transform: rotate(0deg) scale(1);
    }
}

@keyframes glow {
    0%, 100% {
        filter: drop-shadow(0 0 4px rgba(29, 161, 242, 0.6));
    }
    50% {
        filter: drop-shadow(0 0 15px rgba(29, 161, 242, 1)) drop-shadow(0 0 25px rgba(29, 161, 242, 0.8));
    }
}

/* === ANIMAÇÕES DE ENTRADA === */
body {
    animation: fadeIn 0.3s ease-out;
}

.header {
    animation: fadeIn 0.5s ease-out 0.1s backwards;
}

.link-card[data-index="0"] {
    animation: fadeInUp 0.4s ease-out 0.2s backwards;
}

.link-card[data-index="1"] {
    animation: fadeInUp 0.4s ease-out 0.3s backwards;
}

.link-card[data-index="2"] {
    animation: fadeInUp 0.4s ease-out 0.4s backwards;
}

.link-card[data-index="3"] {
    animation: fadeInUp 0.4s ease-out 0.5s backwards;
}

.footer {
    animation: fadeIn 0.5s ease-out 0.6s backwards;
}