/* ── TEE shared particle / bubble background ──
   Drop this on any page + include /js/bubbles.js to auto-mount the .particles
   container. Sits behind everything (z-index:0, pointer-events:none). */
.particles{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}
.particle{position:absolute;width:3px;height:3px;background:rgba(255,215,0,0.4);border-radius:50%;box-shadow:0 0 6px rgba(255,215,0,0.3);animation:particleFloat linear infinite}
.particle:nth-child(1){left:5%;top:15%;animation-duration:20s;animation-delay:0s;width:4px;height:4px;box-shadow:0 0 10px rgba(255,215,0,0.5)}
.particle:nth-child(2){left:15%;top:75%;animation-duration:24s;animation-delay:-3s;width:3px;height:3px}
.particle:nth-child(3){left:28%;top:45%;animation-duration:17s;animation-delay:-7s;width:5px;height:5px;box-shadow:0 0 14px rgba(255,215,0,0.6)}
.particle:nth-child(4){left:40%;top:25%;animation-duration:22s;animation-delay:-10s;width:3px;height:3px}
.particle:nth-child(5){left:55%;top:65%;animation-duration:19s;animation-delay:-2s;width:4px;height:4px;box-shadow:0 0 10px rgba(255,215,0,0.5)}
.particle:nth-child(6){left:68%;top:35%;animation-duration:21s;animation-delay:-5s;width:3px;height:3px}
.particle:nth-child(7){left:78%;top:80%;animation-duration:18s;animation-delay:-8s;width:5px;height:5px;box-shadow:0 0 12px rgba(255,215,0,0.5)}
.particle:nth-child(8){left:88%;top:50%;animation-duration:23s;animation-delay:-1s;width:3px;height:3px}
.particle:nth-child(9){left:35%;top:90%;animation-duration:16s;animation-delay:-4s;width:4px;height:4px;box-shadow:0 0 10px rgba(255,215,0,0.4)}
.particle:nth-child(10){left:92%;top:20%;animation-duration:25s;animation-delay:-6s;width:3px;height:3px}
.particle:nth-child(11){left:8%;top:55%;animation-duration:19s;animation-delay:-9s;width:4px;height:4px;background:rgba(155,93,229,0.35);box-shadow:0 0 10px rgba(155,93,229,0.4)}
.particle:nth-child(12){left:50%;top:10%;animation-duration:22s;animation-delay:-11s;width:3px;height:3px;background:rgba(0,217,126,0.35);box-shadow:0 0 8px rgba(0,217,126,0.3)}
@keyframes particleFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:0.8}50%{opacity:1}90%{opacity:0.6}100%{transform:translateY(-100vh) translateX(50px);opacity:0}}