.hero-particles{pointer-events:none;z-index:15;contain:paint;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-particle{opacity:0;will-change:transform, opacity;background:linear-gradient(135deg,#d8b4fe,#a855f7 45%,#7c3aed);border-radius:2px;animation-name:particleRise;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;bottom:-30px;transform:rotate(45deg);box-shadow:0 0 5px #c084fcbf,0 0 12px #a855f759}@keyframes particleRise{0%{opacity:0;transform:translateY(40px)rotate(45deg)}10%{opacity:.5}30%{transform:translate3d(calc(var(--particle-drift) * .4), -30vh, 0) rotate(85deg);opacity:.65}55%{transform:translate3d(calc(var(--particle-drift) * -.25), -58vh, 0) rotate(125deg)}80%{transform:translate3d(var(--particle-drift), -85vh, 0) rotate(170deg);opacity:.5}to{transform:translate3d(calc(var(--particle-drift) * .3), -115vh, 0) rotate(215deg);opacity:0}}.hero-particle:nth-child(3n){background:#8b5cf6;box-shadow:0 0 4px #8b5cf6a6}.hero-particle:nth-child(4n){filter:blur(.4px)}.hero-particle:nth-child(5n){background:#c084fc}@media (max-width:768px){.hero-particle:nth-child(2n){display:none}}@media (prefers-reduced-motion:reduce){.hero-particles{display:none}}