.nav-item
        {
            position: relative;
        }
        .nav-item::after
        {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background-color: #1e40af;
            transition: width 0.3s ease;
        }
        .nav-item:hover::after, .nav-item.active::after
        {
            width: 100%;
        }
        .article-card
        {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .article-card:hover
        {
            transform: translateY(-4px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }