.backdrop-blur-xl{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shadow-3xl{box-shadow:0 35px 60px -12px #00000040}@media (prefers-reduced-motion: no-preference){.grid>div{animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}}@media (hover: hover){.group:hover .group-hover\:rotate-12{transform:rotate(12deg)}.group:hover .group-hover\:scale-110{transform:scale(1.1)}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(100vw)}}@keyframes floatRight{0%{transform:translate(-200px) translateY(0);opacity:0}50%{opacity:1}to{transform:translate(calc(100vw + 200px)) translateY(-20px);opacity:0}}@keyframes waveRight{0%{transform:translate(-150px) scale(.8);opacity:0}30%{opacity:1;transform:translate(20%) scale(1)}70%{opacity:1;transform:translate(80%) scale(1.1)}to{transform:translate(calc(100vw + 150px)) scale(.8);opacity:0}}@keyframes gradientShift{0%{background-position:-200% center}to{background-position:200% center}}.animate-slide-right-1{animation:slideRight 8s ease-in-out infinite}.animate-slide-right-2{animation:floatRight 10s ease-in-out infinite;animation-delay:-3s}.animate-slide-right-3{animation:waveRight 12s ease-in-out infinite;animation-delay:-6s}.animate-gradient-x{background-size:300% 300%;animation:gradientShift 6s ease infinite}.floating-orb{filter:blur(40px)}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.sparkle{animation:sparkle 2s ease-in-out infinite}.sparkle:nth-child(odd){animation-delay:1s}