html {
    scroll-behavior: smooth;
}

.nav-link {
    position: relative;
    color: #0B1F3A;
    transition: color 0.2s;
}
.nav-link:hover {
    color: #0D9488;
}
.nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: #0D9488;
    transition: width 0.25s;
}
.nav-link:hover::after {
    width: 100%;
}

#navbar.scrolled {
    box-shadow: 0 8px 30px rgba(11, 31, 58, 0.08);
}