/* ===== Local Background Images CSS ===== */
/* This file contains all background images as local files */

/* Hero Section */
.hero-section {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.7) 0%, rgba(118, 75, 162, 0.7) 100%), 
                url('../images/backgrounds/hero-bg.jpg') center/cover;
}

/* Features Section */
.features-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.8), rgba(241, 245, 249, 0.8)), 
                url('../images/backgrounds/features-bg.jpg') center/cover;
}

/* Statistics Section */
.stats-section {
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.85), rgba(29, 78, 216, 0.85)), 
                url('../images/backgrounds/stats-bg.jpg') center/cover;
}

/* About Section */
.about-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.85), rgba(241, 245, 249, 0.85)), 
                url('../images/backgrounds/about-bg.jpg') center/cover;
}

/* Contact Section */
.contact-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.65), rgba(241, 245, 249, 0.65)), 
                url('../images/backgrounds/contact-bg.jpg') center/cover;
}

/* Footer */
.footer {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.65), rgba(15, 23, 42, 0.65)), 
                url('../images/backgrounds/footer-bg.jpg') center/cover;
}

/* Advanced Modules Section */
.modules-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.9), rgba(241, 245, 249, 0.9)), 
                url('../images/backgrounds/modules-bg.jpg') center/cover;
    position: relative;
}

.modules-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(118, 75, 162, 0.05));
    z-index: 1;
}

/* Technology Stack Section */
.technology-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.85), rgba(241, 245, 249, 0.85)), 
                url('../images/backgrounds/technology-bg.jpg') center/cover;
    position: relative;
}

.technology-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(118, 75, 162, 0.08));
    z-index: 1;
}

/* About Section Background */
.about-section {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.85), rgba(241, 245, 249, 0.85)), 
                url('../images/backgrounds/about-bg.jpg') center/cover;
    position: relative;
}

.about-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.1), rgba(118, 75, 162, 0.1));
    z-index: 1;
}