::-webkit-scrollbar {
            width: 12px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1; 
        }
        ::-webkit-scrollbar-thumb {
            background: #000; 
            border: 2px solid #f1f1f1;
        }
        .dark ::-webkit-scrollbar-track {
            background: #2d2d2d;
        }
        .dark ::-webkit-scrollbar-thumb {
            background: #39FFCA;
            border: 2px solid #2d2d2d;
        }
        .stroke-text {
             -webkit-text-stroke: 1px black;
             color: transparent;
        }
        .dark .stroke-text {
            -webkit-text-stroke: 1px white;
        }.nav-link {
            position: relative;
            text-decoration: none;
        }
        .nav-link svg {
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 8px;
            fill: none;
            stroke: #39FFCA;stroke-width: 3;
            stroke-linecap: round;
            stroke-linejoin: round;
            stroke-dasharray: 200;
            stroke-dashoffset: 200;
            transition: stroke-dashoffset 0.4s ease-out;
            pointer-events: none;
            opacity: 0;
        }
        .nav-link:hover svg {
            stroke-dashoffset: 0;
            opacity: 1;
        }
        .nav-link.active svg {
            stroke-dashoffset: 0;
            opacity: 1;
        }