.nav-underline {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #85f00c;
    transition: width 0.4s ease;
}

.group:hover .nav-underline {
    width: 100%;
}

/* Custom scrollbar styling (brand color) */
html {
    scrollbar-width: thin;
    scrollbar-color: #84ef0c #0b0b0b;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0b0b0b;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #84ef0c, #5bbf00);
    border-radius: 9999px;
    border: 2px solid #0b0b0b;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #a6ff3a, #84ef0c);
}