.hero-video-bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.content-animate{opacity:0;animation:1s .3s forwards fadeInUp;transform:translateY(50px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-reveal{opacity:0;transition:all .6s;transform:translateY(30px)}.section-reveal.visible{opacity:1;transform:translateY(0)}.card-hover{transition:all .6s}.card-hover:hover{transform:translateY(-10px)scale(1.02)}.involvement-card{transition:all .7s}.involvement-card:hover{transform:translateY(-15px)}.donation-slider{transition:all .3s}.volunteer-showcase{opacity:0;transition:all .8s;transform:scale(.9)}.volunteer-showcase.active{opacity:1;transform:scale(1)}.nav-dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:all .3s}.nav-dot.active{background:#10b981;border-radius:6px;width:32px}.btn-hover{transition:all .3s}.btn-hover:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 10px 25px #00000026}.btn-hover:active{transform:translateY(0)scale(.98)}.scroll-indicator{animation:2s ease-in-out infinite scrollBounce}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}.scroll-dot{animation:2s ease-in-out infinite scrollDot}@keyframes scrollDot{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.impact-card-animate{opacity:0;animation:.5s forwards impactFadeIn;transform:translateY(20px)}@keyframes impactFadeIn{to{opacity:1;transform:translateY(0)}}*{backface-visibility:hidden;transform:translateZ(0)}.stable-layout{min-height:100vh;position:relative}