@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(1,166,166,.3)}50%{box-shadow:0 0 40px rgba(1,166,166,.6)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out forwards}.animate-fadeInDown{animation:fadeInDown .8s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .8s ease-out forwards}.animate-scaleIn{animation:scaleIn .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-rotateIn{animation:rotateIn .8s ease-out forwards}.animate-slideInUp{animation:slideInUp .6s ease-out forwards}.animate-bounceIn{animation:bounceIn .8s ease-out forwards}.animate-wiggle{animation:wiggle 1s ease-in-out}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.hover-glow{transition:all .3s ease}.hover-glow:hover{box-shadow:0 0 30px rgba(1,166,166,.4)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.smooth-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.smooth-transition-slow{transition:all .5s cubic-bezier(.4,0,.2,1)}.gradient-text-animate{background:linear-gradient(-45deg,#01a6a6,#FF6B35,#4ECDC4,#45B7D1);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particle-bg{position:relative;overflow:hidden}.particle-bg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(1,166,166,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,53,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(78,205,196,.1) 0,transparent 50%);animation:particleFloat 10s ease-in-out infinite;pointer-events:none}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}