/* Menu Link Animations */
.nav-links a {
position: relative;
display: inline-block;

color: white;
text-decoration: none;
padding: 8px 0;

transition:
color 0.3s ease,
transform 0.3s ease;
}

/* Underline animation */
.nav-links a::after {
content: "";

position: absolute;
bottom: 0;
left: 0;

width: 0;
height: 2px;

background: #4da6ff;

transition: width 0.3s ease;
}

/* Desktop hover */
.nav-links a:hover {
color: #4da6ff;
transform: translateY(-2px);
}

.nav-links a:hover::after {
width: 100%;
}

/* Touch/keyboard feedback */
.nav-links a:active,
.nav-links a:focus-visible {
color: #4da6ff;
transform: scale(0.95);
}

/* Selected link */
.nav-links a.selected {
color: #4da6ff;
}

.nav-links a.selected::after {
width: 100%;
}