/* ============================================
HOME/INDEX VIEW STYLES
 ============================================ */

/* Hero section */
.hero-section {
    position: relative;
    overflow: hidden;
}

.hero-section-gradient {
    background: var(--gradient-primary-extended);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
}

.hero-section::before {
    position: absolute;
    top: -50%;
    right: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
    animation: pulse 15s ease-in-out infinite;
}

.hero-icon {
    font-size: 15rem;
    opacity: 0.3;
}

/* Feature cards */
.hover-lift {
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

    .hover-lift:hover {
        transform: translateY(-10px);
        box-shadow: var(--shadow-lg) !important;
    }

.feature-icon {
    width: 80px;
    height: 80px;
    transition: transform var(--transition-normal);
}

.feature-icon-size {
    font-size: 2rem;
}

.card:hover .feature-icon {
    transform: rotate(10deg) scale(1.1);
}

/* Stats section */
.stats-section {
    border-radius: var(--radius-xl);
}

.stat-item {
    padding: 20px;
    transition: transform var(--transition-normal);
}

    .stat-item:hover {
        transform: scale(1.1);
    }

/* MSFS Integration section */
.msfs-bg-gradient {
    background: var(--gradient-purple);
    min-height: 400px;
}

.msfs-icon {
    font-size: 12rem;
    opacity: 0.2;
}

/* CTA section */
.cta-gradient {
    background: var(--gradient-pink);
}

/* Animations */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.3;
    }

    50% {
        transform: scale(1.2);
        opacity: 0.5;
    }
}

.card {
    transition: var(--transition-all);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .display-3 {
        font-size: 2.5rem;
    }

    .display-5 {
        font-size: 2rem;
    }

    .hero-icon {
        font-size: 8rem;
    }

    .msfs-icon {
        font-size: 6rem;
    }
}
}