/**
 * Particle System Styles
 * Mouse trail particles and background ambient particles
 */

/* Particle System */
#particle-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

/* Original mouse trail particles */
.particle {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(160, 208, 255, 0.4) 40%, transparent 70%);
    pointer-events: none;
    will-change: transform, opacity;
    box-shadow: 0 0 6px rgba(160, 208, 255, 0.6), 0 0 12px rgba(160, 208, 255, 0.3);
    transition: opacity 0.1s ease-out;
}

/* Background ambient particles */
.particle-bg {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 0%, rgba(46, 125, 50, 0.3) 50%, transparent 70%);
    pointer-events: none;
    will-change: transform;
    box-shadow: 0 0 4px rgba(46, 125, 50, 0.4), 0 0 8px rgba(46, 125, 50, 0.2);
}