body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.15);
}

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
}

.filter-btn.active {
    background-color: #f59e0b;
    color: white;
}

.filter-btn {
    transition: all 0.2s;
}

.filter-btn:hover:not(.active) {
    background-color: #fde68a;
    color: #92400e;
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #fbbf24;
    border-radius: 10px;
}

#mobileMenu {
    transition: all 0.2s ease;
}

#mobileMenu:not(.hidden) {
    display: block;
    animation: slideDown 0.2s ease;
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}