/* ==========================================
   Idea2Founder v3.0
   Animation Stylesheet
========================================== */

@keyframes fadeInUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes floatLogo{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-12px);
    }

    100%{
        transform:translateY(0px);
    }

}

.hero-content{

    animation:fadeInUp 1.2s ease;
}

.brand img{

    animation:floatLogo 4s ease-in-out infinite;
}

.primary-btn,
.secondary-btn{

    transition:all .3s ease;
}

.primary-btn:hover,
.secondary-btn:hover{

    transform:translateY(-5px) scale(1.03);
}

/* ==========================================
   Idea2Founder v3.1
   Animation Styles
========================================== */

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

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

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

.hero-content{
    animation:fadeInUp 1s ease;
}

.hero-image{
    animation:fadeIn 1.5s ease;
}

.hero-badge{
    animation:fadeInUp 1.2s ease;
}

.card,
.idea-card,
.step-card,
.feature-box,
.story-card{
    animation:fadeInUp .8s ease;
}

.brand img{
    animation:float 3s ease-in-out infinite;
}

.primary-btn:hover,
.secondary-btn:hover{
    transform:translateY(-4px) scale(1.05);
}

.idea-card:hover,
.step-card:hover,
.feature-box:hover,
.story-card:hover,
.card:hover{
    box-shadow:0 15px 40px rgba(15,76,255,.25);
}