/* Sparkles Container */
.sparkles-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
    /* Adjust height as needed */
    overflow: hidden;
    z-index: -1;
    /* Behind content */
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Mask to fade out the bottom */
    mask-image: radial-gradient(white, transparent 70%);
    -webkit-mask-image: radial-gradient(white, transparent 70%);
}

/* Gradient Lines */
.sparkles-line-1 {
    width: 75%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, rgba(99, 102, 241, 0.5) 50%, transparent 100%);
    filter: blur(2px);
    margin-top: 100px;
    /* Position below header */
}

.sparkles-line-2 {
    width: 75%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(99, 102, 241, 1) 50%, transparent 100%);
    margin-top: -2px;
    /* Overlap */
}

.sparkles-line-3 {
    width: 25%;
    height: 5px;
    background: linear-gradient(90deg, transparent 0%, rgba(14, 165, 233, 0.5) 50%, transparent 100%);
    filter: blur(4px);
    margin-top: -3px;
}

.sparkles-line-4 {
    width: 25%;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(14, 165, 233, 1) 50%, transparent 100%);
    margin-top: -3px;
}

/* Particle Canvas */
#sparkles-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}