/* Landing Page Custom Styles */

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Button hover effects */
.btn-hover-effect {
    transition: all 0.3s ease;
}

.btn-hover-effect:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Platform icons animation */
.platform-icon {
    transition: all 0.3s ease;
}
.platform-icon:hover {
    transform: translateY(-5px);
}

/* Gradient text and backgrounds */
.gradient-text {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.gradient-bg {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);
}

/* Chat bubble animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.chat-bubble {
    animation: fadeInUp 0.5s ease-out forwards;
}

.chat-bubble-delay-1 {
    animation-delay: 0.3s;
}

.chat-bubble-delay-2 {
    animation-delay: 0.6s;
}

.chat-bubble-delay-3 {
    animation-delay: 0.9s;
}

/* For mobile responsiveness */
@media (max-width: 768px) {
    .mobile-menu {
        display: block;
    }

    .desktop-menu {
        display: none;
    }

    .hero-text h1 {
        font-size: 2.5rem;
    }

    .hero-text p {
        font-size: 1rem;
    }
}