/* BeeQuiet Landing Page Styles */

/* Hero section background */
.hero-section {
    background-image: url('/public/lovable-uploads/2397da0d-b330-4328-bac2-66e4ea2c2a1b.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Bee character animation */
.bee-character {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

/* Honey-themed colors */
.honey-text {
    color: #fbbf24; /* honey-light equivalent */
}

.honey-icon {
    color: #fbbf24; /* honey color */
}

/* Download button styling */
.download-btn {
    background-color: #fbbf24; /* honey */
    color: #1f2937; /* bee-black equivalent */
    border-radius: 0.75rem;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.download-btn:hover {
    background-color: #d97706; /* honey-dark equivalent */
    transform: translateY(-2px);
}

/* Feature cards hover effect */
.feature-card {
    transition: all 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.15);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 3rem;
    }
    
    .hero-section h2 {
        font-size: 1.875rem;
    }
    
    .hero-section p {
        font-size: 1.125rem;
    }
}

/* Backdrop blur fallback */
@supports not (backdrop-filter: blur(4px)) {
    .feature-card {
        background-color: rgba(255, 255, 255, 0.2);
    }
}