.mouse-wrapper{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);width:30px;height:50px;will-change:transform,opacity;pointer-events:none}@media(min-width:640px){.mouse-wrapper{bottom:2rem;width:35px;height:55px}}.scroll-indicator{width:100%;height:100%;border:2px solid #3b82f6;border-radius:9999px;position:relative;animation:bounce 2s infinite;box-sizing:border-box}.scroll-dot{width:6px;height:6px;background:#fff;border-radius:9999px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollDot 2s infinite}@keyframes scrollDot{0%{transform:translateX(-50%) translateY(0);opacity:0}50%{opacity:1}to{transform:translateX(-50%) translateY(16px);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}.scroll-animate{opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out forwards}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.transition-opacity{transition:opacity .5s ease}