@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRightDelayed{0%,20%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@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)}}.animate-slide-in-left{animation:slideInLeft .8s ease-out}.animate-slide-in-right{animation:slideInRight .8s ease-out}.animate-slide-in-right-delayed{animation:slideInRightDelayed 1.2s ease-out}.animate-fade-in-top{animation:fadeInTop .6s ease-out}.animate-fade-in-bottom{animation:fadeInBottom .8s ease-out}.animate-bounce-in{animation:bounceIn 1s ease-out}.vision-card{position:relative;overflow:hidden;transition:all .3s ease}.volunteer-card{color:#10b981;border-color:#10b981}.contact-card,.volunteer-card{background-color:white!important}.contact-card{color:#3b82f6;border-color:#3b82f6}.vision-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(-100%);transition:transform .6s ease-in-out;z-index:5;border-radius:1.5rem}.vision-card:hover .vision-overlay{transform:translateY(0)}.contact-card:hover .relative.z-10,.volunteer-card:hover .relative.z-10{color:white!important}.vision-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.vision-card .relative.z-10{position:relative;z-index:10}