/* Particles Container */
#particles-js {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    background-color: transparent !important;
    pointer-events: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Hero Section Styling */
.hero-section {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.hero-content {
    position: relative !important;
    z-index: 10 !important;
}

/* Fallback background gradient if particles fail */
.particles-fallback {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(135deg, rgba(0,128,0,0.05) 0%, rgba(0,128,0,0.1) 100%) !important;
    z-index: -1 !important;
}