/* ==========================================================================
   Leonplayce – Animationen
   Wird nach style.css geladen. Farben kommen aus den CSS-Variablen.
   ========================================================================== */

.blink { animation: blinkGlow 2.4s ease-in-out infinite alternate; }

@keyframes blinkGlow {
    0% {
        opacity: 0.7;
        text-shadow: 0 0 6px var(--accent-glow), 0 0 12px var(--accent-glow);
    }
    100% {
        opacity: 1;
        text-shadow:
            0 0 10px rgba(255, 255, 255, 0.18),
            0 0 24px rgba(255, 255, 255, 0.12),
            0 0 40px rgba(255, 255, 255, 0.08);
    }
}

.fade-in-up { animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

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

.float { animation: floatAnim 7s ease-in-out infinite; }

@keyframes floatAnim {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}

.glow-avatar { animation: avatarPulse 4.5s ease-in-out infinite alternate; }

@keyframes avatarPulse {
    0% {
        box-shadow: 0 0 16px rgba(255, 255, 255, 0.15);
    }
    100% {
        box-shadow: 0 0 28px rgba(255, 255, 255, 0.3);
    }
}