.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%)}.particles{position:absolute;width:100%;height:100%;overflow:hidden}.particle{position:absolute;background:var(--primary-color);border-radius:50%;opacity:.15;animation:15s linear infinite float-particle;transition:opacity .3s}.particle.interactive-particle{position:fixed;animation:none;transition:opacity .3s,transform .1s;will-change:transform,opacity}.particle.tech{background:var(--tech-blue);animation-duration:20s;opacity:.2}.particle.magic{background:var(--magic-purple);animation-duration:18s;opacity:.2}.particle.glow{background:radial-gradient(circle,var(--accent-color),transparent);animation-duration:25s;opacity:.3}.particle.star{background:0 0;opacity:.4;animation-duration:30s}.particle.star::before{content:'✦';color:var(--primary-color);font-size:inherit}.particle.diamond{border-radius:0;transform:rotate(45deg);background:linear-gradient(45deg,var(--tech-blue),var(--magic-purple));animation-duration:22s}.particle.hex{background:var(--accent-color);clip-path:polygon(30% 0%,70% 0%,100% 50%,70% 100%,30% 100%,0% 50%);border-radius:0;animation-duration:28s}.particle.magic-orb{background:radial-gradient(circle,var(--magic-purple) 30%,transparent 70%);animation-duration:40s;opacity:.25}.particle.energy{background:linear-gradient(45deg,var(--primary-color),var(--accent-color),var(--secondary-color));animation:20s linear infinite float-particle-energy;opacity:.3}.particle.pulse{animation:16s linear infinite float-particle-pulse}