/* Modern glassmorphism effects */
.nav-container.scrolled {
    background: rgba(17, 17, 17, 0.7);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.category-item {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}

.resource-item {
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.resource-item:hover {
    transform: translateY(-5px);
    background: rgba(255, 255, 255, 0.05);
}