/* Animations et styles personnalisés */

/* Animation du fond flottant */
.floating-orb {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(252, 190, 19, 0.15) 0%, transparent 70%);
    animation: float 20s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    33% {
        transform: translate(30px, -30px) rotate(120deg);
    }
    66% {
        transform: translate(-20px, 20px) rotate(240deg);
    }
}

/* Animation de fade-in pour la carte */
.glass-card {
    animation: fadeIn 0.8s ease-out;
}

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

/* Animation du logo */
.logo {
    animation: logoFadeIn 1s ease-out;
}

@keyframes logoFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animation d'entrée progressive pour les liens */
.link-item {
    animation: slideIn 0.6s ease-out backwards;
}

.link-item:nth-child(1) {
    animation-delay: 0.1s;
}

.link-item:nth-child(2) {
    animation-delay: 0.2s;
}

.link-item:nth-child(3) {
    animation-delay: 0.3s;
}

.link-item:nth-child(4) {
    animation-delay: 0.4s;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Effet shimmer pour les liens */
.shimmer {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
}

.shimmer-yellow {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

/* Effet de parallaxe sur la carte */
.glass-card {
    transition: transform 0.3s ease-out;
}

/* Classe pour le texte visuel uniquement accessible aux lecteurs d'écran */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.to-indigo-800 {
    --tw-gradient-to: #080352 var(--tw-gradient-to-position)!important;
}

.via-purple-700 {
    --tw-gradient-stops: var(--tw-gradient-from), #3730a3 var(--tw-gradient-via-position), var(--tw-gradient-to)!important;
}

.from-purple-600 {
    --tw-gradient-from: #FCBE13 var(--tw-gradient-from-position)!important;
}