#navbar {
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 2px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

@keyframes scrollSmooth {
    0% { transform: translateY(0); opacity: 1; }
    50% { transform: translateY(8px); opacity: 0.3; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes arrowBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}

@keyframes bounceX {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(6px); }
}

.animate-scroll-smooth {
    animation: scrollSmooth 2s ease-in-out infinite;
}

.animate-arrow-bounce {
    animation: arrowBounce 2s ease-in-out infinite;
}

.animate-bounce-x {
    animation: bounceX 1.5s ease-in-out infinite;
}

.bg-green-50 { background-color: #f0fdf4; }
.bg-blue-50 { background-color: #eff6ff; }
.bg-purple-50 { background-color: #faf5ff; }
.text-green-500 { color: #22c55e; }
.text-green-600 { color: #16a34a; }
.text-blue-600 { color: #2563eb; }
.text-purple-500 { color: #a855f7; }
.text-purple-600 { color: #9333ea; }
.text-purple-800 { color: #6b21a8; }
.border-purple-500 { border-color: #a855f7; }
.list-disc { list-style-type: disc; }

.w-1\.5 { width: 0.375rem; }
.h-1\.5 { height: 0.375rem; }

.size-5 { width: 1.25rem; height: 1.25rem; }
.size-6 { width: 1.5rem; height: 1.5rem; }