/* Featured Nav Link Animation */
.nav-link-featured {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.2));
    border: 1px solid rgba(168, 85, 247, 0.4);
    border-radius: 20px !important;
    padding: 6px 16px !important;
    margin: 0 5px;
    font-weight: 700 !important;
    position: relative;
    overflow: hidden;
    color: #fff !important;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
    animation: featured-pulse 2s infinite ease-in-out;
}

.nav-link-featured:hover {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.4), rgba(168, 85, 247, 0.4)) !important;
    border-color: rgba(168, 85, 247, 0.8);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(168, 85, 247, 0.3);
}

@keyframes featured-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 rgba(168, 85, 247, 0);
        border-color: rgba(168, 85, 247, 0.4);
    }

    50% {
        box-shadow: 0 0 15px rgba(168, 85, 247, 0.3);
        border-color: rgba(168, 85, 247, 0.8);
    }
}