/* Animated underline & color fade for the navbar brand */
a.navbar-brand {
    position: relative;
    transition: color 0.25s cubic-bezier(0.4,0,0.2,1);
}

a.navbar-brand::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -4px;
    height: 2px;
    background: #ffffffcc; /* Faint white by default */
    border-radius: 2px;
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), background 0.2s;
}

a.navbar-brand:hover {
    color: #ffc107 !important; /* Bootstrap yellow, stands out nicely */
    text-decoration: none;
}

a.navbar-brand:hover::after {
    transform: scaleX(1);
    background: #ffc107; /* Animated underline yellow on hover */
}