.bg-grid-pattern{background-size:40px 40px;background-image:radial-gradient(circle,#e5e7eb 1px,transparent 1px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#6b7280cc}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slideDown{animation:slideDown .4s ease-out forwards}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 3s ease infinite}@keyframes particle-fade{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.5) translateY(-20px)}}.animate-particle{animation:particle-fade 1s ease-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slide-left{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(-10px)}}@keyframes pulse-slide-right{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-up{animation:slide-up .6s ease-out forwards}.animate-pulse-slide-left{animation:pulse-slide-left 2s ease-in-out infinite}.animate-pulse-slide-right{animation:pulse-slide-right 2s ease-in-out infinite}@keyframes hand-drag{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}20%{transform:translate(0) scale(1)}25%{transform:translate(0) scale(.9)}65%{transform:translate(120px) scale(.9)}70%{transform:translate(120px) scale(1)}90%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(1);opacity:0}}.animate-hand-drag{animation:hand-drag 6s ease-in-out forwards}