@keyframes gradientMove{

0%{

background-position:0%;

}

100%{

background-position:300%;

}

}

.hidden{

opacity:0;

transform:translateY(50px);

transition:1s;

}

.show{

opacity:1;

transform:translateY(0);

}

.featureCard{

animation:floatCard 6s ease-in-out infinite;

}

.featureCard:nth-child(2){

animation-delay:1s;

}

.featureCard:nth-child(3){

animation-delay:2s;

}

@keyframes floatCard{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0px);

}

}

.logo{

animation:logoFloat 6s ease-in-out infinite;

}

@keyframes logoFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

100%{

transform:translateY(0);

}

}

.progressAnimated{

animation:

gradientMove 4s linear infinite,

progressPulse 2s ease infinite;

}

@keyframes progressPulse{

0%{

filter:brightness(1);

}

50%{

filter:brightness(1.4);

}

100%{

filter:brightness(1);

}

}

#particleCanvas{

position:fixed;

inset:0;

width:100%;

height:100%;

pointer-events:none;

z-index:-6;

}