/* Custom scrollbar */
    ::-webkit-scrollbar { width: 4px; height: 4px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: #27272a; border-radius: 2px; }
    
    /* Input focus resets */
    .custom-input:focus {
        box-shadow: 0 0 0 1px #27272a, 0 0 0 4px rgba(255, 255, 255, 0.05);
        outline: none;
    }

    /* Glass header */
    .glass-effect {
        background: rgba(10, 10, 12, 0.7);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
    }

    /* Card Hover Animations */
    .tool-card {
        transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .tool-card:hover {
        transform: translateY(-4px);
    }
    .tool-card:hover .card-img {
        transform: scale(1.05);
        opacity: 0.6;
    }
    
    /* Bookmark Button Transitions */
    .bookmark-btn {
        opacity: 0;
        transform: translateY(-4px);
        transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    }
    .tool-card:hover .bookmark-btn, .bookmark-btn.active {
        opacity: 1;
        transform: translateY(0);
    }
    
    /* Smooth button active state */
    .bookmark-btn.active {
        background-color: white;
        color: black;
        border-color: transparent;
        box-shadow: 0 0 15px rgba(255, 255, 255, 0.1);
    }


    /* Dropdown Animation */
    .nav-item:hover .nav-dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }