/* ==========================================
    Premium Animations
==========================================*/

/* Floating Background */

@keyframes float{

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

25%{
transform:translateY(-25px) rotate(3deg);
}

50%{
transform:translateY(-40px) rotate(0deg);
}

75%{
transform:translateY(-20px) rotate(-3deg);
}

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

}

/* Loader */

@keyframes loading{

0%{
width:0%;
}

100%{
width:100%;
}

}

/* Fade Up */

@keyframes fadeUp{

0%{

opacity:0;

transform:translateY(60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Fade Down */

@keyframes fadeDown{

0%{

opacity:0;

transform:translateY(-60px);

}

100%{

opacity:1;

transform:translateY(0);

}

}

/* Fade Left */

@keyframes fadeLeft{

0%{

opacity:0;

transform:translateX(-80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Fade Right */

@keyframes fadeRight{

0%{

opacity:0;

transform:translateX(80px);

}

100%{

opacity:1;

transform:translateX(0);

}

}

/* Scale */

@keyframes zoom{

0%{

opacity:0;

transform:scale(.6);

}

100%{

opacity:1;

transform:scale(1);

}

}

/* Pulse */

@keyframes pulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.08);

}

100%{

transform:scale(1);

}

}

/* Button Glow */

@keyframes glow{

0%{

box-shadow:0 0 10px rgba(37,99,235,.2);

}

50%{

box-shadow:

0 0 25px rgba(37,99,235,.8),

0 0 60px rgba(56,189,248,.5);

}

100%{

box-shadow:0 0 10px rgba(37,99,235,.2);

}

}

/* Glass Shine */

@keyframes shine{

0%{

left:-300px;

}

100%{

left:140%;

}

}

/* Rotate */

@keyframes rotate360{

0%{

transform:rotate(0deg);

}

100%{

transform:rotate(360deg);

}

}

/* Floating Cards */

@keyframes floating{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0px);

}

}

/* Water Ripple */

@keyframes ripple{

0%{

transform:scale(.2);

opacity:1;

}

100%{

transform:scale(2);

opacity:0;

}

}

/* Aurora */

@keyframes aurora{

0%{

transform:translateX(-100px);

}

50%{

transform:translateX(100px);

}

100%{

transform:translateX(-100px);

}

}

/* Background Gradient */

@keyframes gradient{

0%{

background-position:0% 50%;

}

50%{

background-position:100% 50%;

}

100%{

background-position:0% 50%;

}

}

/* Blur Blob */

@keyframes blob{

0%{

transform:translate(0,0) scale(1);

}

33%{

transform:translate(50px,-60px) scale(1.2);

}

66%{

transform:translate(-40px,40px) scale(.9);

}

100%{

transform:translate(0,0) scale(1);

}

}

/* Bounce */

@keyframes bounce{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

/* Flip */

@keyframes flip{

0%{

transform:rotateX(90deg);

opacity:0;

}

100%{

transform:rotateX(0);

opacity:1;

}

}

/* Blur In */

@keyframes blurIn{

0%{

opacity:0;

filter:blur(30px);

transform:scale(.8);

}

100%{

opacity:1;

filter:blur(0);

transform:scale(1);

}

}

/* Cursor Pulse */

@keyframes cursor{

0%{

transform:translate(-50%,-50%) scale(1);

}

50%{

transform:translate(-50%,-50%) scale(1.4);

}

100%{

transform:translate(-50%,-50%) scale(1);

}

}

/* Wave */

@keyframes wave{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

/* Icon Float */

.feature-card i{

animation:floating 4s ease-in-out infinite;

}

/* Hero Logo */

.hero-logo{

animation:pulse 4s infinite;

}

/* Glass Card */

.glass-card{

animation:fadeUp 1.2s ease;

}

/* Buttons */

.btn{

animation:glow 4s infinite;

}

/* Blobs */

.blob1{

animation:blob 18s infinite linear;

}

.blob2{

animation:blob 22s infinite linear reverse;

}

.blob3{

animation:blob 25s infinite linear;

}

/* Navbar */

nav{

animation:fadeDown 1s ease;

}

/* Feature Cards */

.feature-card{

animation:fadeUp 1.2s ease;

}

/* Footer */

footer{

animation:fadeUp 1.4s ease;

}

/* Contact */

.contact-item{

animation:fadeLeft .8s ease;

}

/* Social */

.social a:hover{

animation:bounce .6s;

}

/* Subscribe */

.subscribe button:hover{

animation:pulse .6s;

}