/* GeniusAct Token - Animations */

/* Basic Animations */
@keyframes gentleBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@keyframes subtleWiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(1deg); }
    75% { transform: rotate(-1deg); }
}

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

@keyframes heartbeat {
    0%, 100% { transform: scale(1); }
    14% { transform: scale(1.02); }
    28% { transform: scale(1); }
    42% { transform: scale(1.02); }
    70% { transform: scale(1); }
}

@keyframes gradientShift {
    0% { color: #ffd700; }
    50% { color: #ffffff; }
    100% { color: #ffd700; }
}

@keyframes slideUpFade {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform: rotate(-5deg) scale(0.95);
        opacity: 0;
    }
    100% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }
}

/* Apply animations */
header {
    animation: heartbeat 4s ease-in-out infinite;
}

.hero img {
    animation: gentleBounce 3s ease-in-out infinite;
    transition: transform 0.3s ease;
}

.hero img:hover {
    animation: subtleWiggle 0.8s ease-in-out infinite;
    transform: scale(1.05);
}

.hero h2 {
    animation: gradientShift 6s ease-in-out infinite;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.btn {
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.section h3 {
    transition: transform 0.3s ease;
}

.section h3:hover {
    transform: scale(1.05) rotate(-1deg);
    color: #ffd700;
    transition: all 0.3s ease;
}

.illustration img {
    transition: transform 0.3s ease, filter 0.3s ease;
}

.illustration img:nth-child(1) {
    animation: slowFloat 4s ease-in-out infinite;
}

.illustration img:nth-child(2) {
    animation: slowFloat 5s ease-in-out infinite 1s;
}

.illustration img:nth-child(3) {
    animation: slowFloat 4.5s ease-in-out infinite 2s;
}

.illustration img:hover {
    transform: scale(1.08) rotate(2deg);
    filter: brightness(1.1) saturate(1.2);
}

.tokenomics {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.tokenomics:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(255, 215, 0, 0.15);
}

.tokenomics p {
    transition: transform 0.2s ease, color 0.2s ease;
}

.tokenomics p:hover {
    transform: translateX(5px);
    color: #b71c1c;
}

footer {
    transition: all 0.3s ease;
}

footer:hover {
    background-color: #333;
    transform: scale(1.01);
}

/* Professional entrance animations */
.section:nth-child(3) {
    animation: slideUpFade 0.8s ease-out 0.3s both;
}

.section:nth-child(4) {
    animation: scaleIn 0.8s ease-out 0.5s both;
}

.section:nth-child(5) {
    animation: rotateIn 0.8s ease-out 0.7s both;
}

.section:nth-child(6) {
    animation: slideUpFade 0.8s ease-out 0.9s both;
}