/* Landing Page Specific Styles */

/* Hero Section */
.hero-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Animated Background */
.bg-gradient-animated {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradientShift 15s ease infinite;
}

@keyframes gradientShift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Trust Bar */
.trust-bar-avatar {
    transition: transform 0.2s ease;
}

.trust-bar-avatar:hover {
    transform: scale(1.1);
    z-index: 10;
}

/* Testimonial Cards */
.testimonial-card {
    transition: all 0.3s ease;
}

.testimonial-card:hover {
    transform: translateY(-4px);
}

/* Feature Cards Hover Effect */
.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-8px);
}

/* Stats Counter Animation */
.stat-number {
    display: inline-block;
    animation: countUp 2s ease-out;
}

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

/* CTA Button Enhanced */
.cta-button {
    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Email Preview Zoom */
.email-preview {
    transition: transform 0.3s ease;
    cursor: pointer;
}

.email-preview:hover {
    transform: scale(1.02);
}

/* FAQ Accordion Effect */
.faq-item {
    transition: all 0.2s ease;
}

.faq-item:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Floating Animation for Images */
.float-animation {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Step Numbers Connection Line */
.step-number {
    position: relative;
}

@media (min-width: 768px) {
    .step-number::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 100%;
        width: 100%;
        height: 2px;
        background: linear-gradient(to right, #3b82f6, transparent);
        transform: translateY(-50%);
    }
    
    .step-number:last-child::after {
        display: none;
    }
}

/* Success Message */
.success-message {
    animation: slideDown 0.5s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Menu Slide */
#mobile-menu {
    animation: slideDown 0.3s ease;
}

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Star Rating */
.star-rating {
    display: inline-flex;
}

/* Check mark animations */
@keyframes checkmark {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.check-icon {
    animation: checkmark 0.3s ease-in-out;
}

/* Pulse effect for urgent CTAs */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.7);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);
    }
}

.cta-pulse {
    animation: pulse-glow 2s infinite;
}

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

/* Image loading fade-in */
img {
    animation: fadeIn 0.5s ease-in;
}

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