.categories-sidebar::-webkit-scrollbar{width:5px}.categories-sidebar::-webkit-scrollbar-track{background:0 0}.categories-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.categories-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.categories-sidebar{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.animate-pulse.delay-700{animation-delay:.7s}.animate-pulse.delay-1000{animation-delay:1s}.category-card{transition:all .3s}.category-card:hover{transform:translateY(-2px)}.search-input-glow:focus{box-shadow:0 0 0 4px #fff3,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-gradient{background-size:200% 200%;animation:15s infinite gradient-shift}.category-link{position:relative}.category-link:after{content:"";background-color:currentColor;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.category-link:hover:after{width:100%}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}html{scroll-behavior:smooth}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.sidebar-mobile-hidden{overflow:hidden}@media (max-width:640px){.category-grid{gap:.5rem}}@media (min-width:641px) and (max-width:768px){.category-grid{gap:.75rem}}@media (min-width:769px){.category-grid{gap:1rem}}.sidebar-item-active{position:relative}.sidebar-item-active:before{content:"";background:linear-gradient(#9333ea,#ec4899);border-radius:0 3px 3px 0;width:3px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.section-scroll{scroll-margin-top:80px}.category-count{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;padding:1px 6px;font-size:11px}@keyframes pulse-glow{0%,to{box-shadow:0 0 #9333ea66}50%{box-shadow:0 0 0 8px #9333ea00}}.trending-pulse{animation:2s infinite pulse-glow}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.5s ease-out forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:.5s ease-out forwards slideUp}.animate-slideUp-delay-100{opacity:0;animation:.5s ease-out .1s forwards slideUp}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scaleIn{animation:.3s ease-out forwards scaleIn}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-300px)}to{opacity:1;transform:translate(0)}}.animate-slideInFromLeft{animation:.4s ease-out forwards slideInFromLeft}