/* mobile mockup bounce */
@keyframes gentle-bounce {
    0%,
    100% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(10px);
    }
}

.gentle-bounce {
    animation: gentle-bounce 4s ease-in-out infinite;
}

/* Key Features Animation */
@keyframes float {
    0%,
    100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
}
@keyframes pulse-glow {
    0%,
    100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.8;
    }
}
.float-animation {
    animation: float 3s ease-in-out infinite;
}
.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}
.feature-card:hover .icon-container {
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 20px 40px rgba(59, 130, 246, 0.3);
}
.feature-card:hover h3 {
    color: #3b82f6;
}
.gradient-bg {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}