@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes slideInLeft {from {opacity: 0;transform: translateX(-30px);}to {opacity: 1;transform: translateX(0);}}@keyframes slideInRight {from {opacity: 0;transform: translateX(30px);}to {opacity: 1;transform: translateX(0);}}@keyframes float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-10px);}}.scroll-animate {opacity: 0;}.scroll-animate.fade-in-up {animation: fadeInUp 0.8s ease-out forwards;}.scroll-animate.slide-in-left {animation: slideInLeft 0.8s ease-out forwards;}.scroll-animate.slide-in-right {animation: slideInRight 0.8s ease-out forwards;}.scroll-animate.float {animation: float 3s ease-in-out infinite;}.scroll-animate:nth-child(1) {animation-delay: 0s;}.scroll-animate:nth-child(2) {animation-delay: 0.1s;}.scroll-animate:nth-child(3) {animation-delay: 0.2s;}.scroll-animate:nth-child(4) {animation-delay: 0.3s;}.scroll-animate:nth-child(5) {animation-delay: 0.4s;}.scroll-animate:nth-child(6) {animation-delay: 0.5s;}.scroll-animate:nth-child(7) {animation-delay: 0.6s;}.scroll-animate:nth-child(8) {animation-delay: 0.7s;}.scroll-animate {will-change: opacity, transform;}.scroll-animate.animated {will-change: auto;}