.nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: currentColor;
            transition: width 0.3s ease, transform 0.3s ease;
            transform-origin: left;
        }
        .nav-link:hover {
            color: #238aff;
        }        
        .nav-link:hover::after {
            width: 100%;
            transform: scaleX(1);
        }
        
        /* Fullscreen menu animation */
        .fullscreen-menu {
              clip-path: circle(0% at 100% 0);
              transition: clip-path 0.8s cubic-bezier(0.86, 0, 0.07, 1);
              z-index: 100; 
        }
        
        .fullscreen-menu.open {
            clip-path: circle(150% at 100% 0);
        }
        
        /* Hamburger to X animation */
        .hamburger-line {
            transition: all 0.3s ease;
        }
        
        .hamburger.active .hamburger-line:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        
        .hamburger.active .hamburger-line:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active .hamburger-line:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }
        /* Navbar scroll effect */
        .navbar {
            transition: all 0.4s ease;
            background-color: #1962B5;
        }
        
        .navbar.scrolled {
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            z-index: 100;
        }
        
        .navbar.scrolled .hamburger-line {
            background-color: white;
        }
        
        /* Menu item animation */
        .menu-item {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.4s ease, transform 0.4s ease;
        }
        
        .fullscreen-menu.open .menu-item {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Delay for each menu item */
        .fullscreen-menu.open .menu-item:nth-child(1) { transition-delay: 0.1s; }
        .fullscreen-menu.open .menu-item:nth-child(2) { transition-delay: 0.2s; }
        .fullscreen-menu.open .menu-item:nth-child(3) { transition-delay: 0.3s; }
        .fullscreen-menu.open .menu-item:nth-child(4) { transition-delay: 0.4s; }
        .fullscreen-menu.open .menu-item:nth-child(5) { transition-delay: 0.5s; }