/* Container relative positioning to contain absolute canvas for particles */
.particle-bg-container {
    position: relative;
    overflow: hidden;
}

/* Canvas that holds the particles, positioned absolutely inside the container */
#particleCanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Allows clicking through canvas to any interactive elements */
    z-index: 1;
}

/* Ensure content is above canvas */
.content-overlay {
    position: relative;
    z-index: 2;
}

/* Optional slight rounding and shadow to match elegance, but respecting original design */
.custom-particles-area {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}