/* ================================================================
   UTD Games — Home Page Header Particles
   ================================================================ */

/* ── Hero Particles ── */
.hero-particles {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}
.particle {
    position: absolute;
    border-radius: 50%;
    background: var(--accent-primary, #6366f1);
    opacity: 0;
    animation: floatParticle var(--dur, 8s) ease-in-out infinite var(--delay, 0s);
}
.particle-1 { --dur: 9s; --delay: 0s;   width: 4px; height: 4px; left: 12%;  top: 20%; opacity: .0; }
.particle-2 { --dur: 7s; --delay: 1.5s; width: 3px; height: 3px; left: 85%;  top: 35%; background: var(--accent-secondary, #a855f7); }
.particle-3 { --dur: 11s; --delay: 3s;  width: 5px; height: 5px; left: 65%;  top: 60%; }
.particle-4 { --dur: 8s; --delay: 0.8s; width: 3px; height: 3px; left: 30%;  top: 75%; background: var(--accent-secondary, #a855f7); }
.particle-5 { --dur: 10s; --delay: 2s;  width: 4px; height: 4px; left: 50%;  top: 15%; }

@keyframes floatParticle {
    0%   { opacity: 0; transform: translateY(0) scale(1); }
    20%  { opacity: .6; }
    80%  { opacity: .4; }
    100% { opacity: 0; transform: translateY(-60px) scale(0.6); }
}