.animated-shapes-background{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shape{opacity:.14;will-change:transform;filter:blur(.5px);animation:32s ease-in-out infinite alternate float-shape;position:absolute}.shape svg{width:100%;height:100%;color:var(--primary,#75cc20)}.shape-circle svg{color:var(--primary,#75cc20)}.shape-triangle svg{color:var(--secondary,#2c3e50);opacity:.8}.shape-square svg{color:var(--accent,#e74c3c);opacity:.6}.shape-hexagon svg{color:var(--primary-dark,#5caa1a);opacity:.7}.shape-pentagon svg{color:var(--gray-600,#4b5563);opacity:.9}.shape-star svg{color:var(--primary,#75cc20);opacity:.5}@keyframes float-shape{0%{transform:translate(0)rotate(0)}to{transform:translate(calc(cos(var(--direction))*40vw),calc(sin(var(--direction))*40vh))rotate(calc(var(--rotation-speed)*180deg))}}@supports not (width:calc(cos(45deg) * 1px)){@keyframes float-shape{0%{transform:translate(0)rotate(0)}to{transform:translate(80vw,80vh)rotate(360deg)}}.shape:nth-child(odd){animation-name:float-shape-alt}.shape:nth-child(3n){animation-name:float-shape-diagonal}@keyframes float-shape-alt{0%{transform:translate(0)rotate(0)}to{transform:translate(-80vw,80vh)rotate(-360deg)}}@keyframes float-shape-diagonal{0%{transform:translate(0)rotate(0)}to{transform:translate(80vw,-80vh)rotate(180deg)}}}@media (prefers-reduced-motion:reduce){.shape{animation:none}}@media (max-width:640px){.animated-shapes-background{display:none}}.shape:nth-child(3n) svg{animation:6s ease-in-out infinite pulse}.shape:nth-child(5n) svg{animation:8s ease-in-out infinite reverse pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:1.5;transform:scale(1.15)}}.animated-shapes-background:after{content:"";pointer-events:none;background:radial-gradient(#0000 0%,#ffffff4d 100%);position:absolute;inset:0}