nav ul li a {
                background: linear-gradient(135deg, #6e45e2, #88d3ce);
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
                font-size: 1.1rem;
                padding: 1rem;
                transition: all 0.3s ease;
                position: relative;
                overflow: hidden;
            }
            nav ul li a::before {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
                transition: 0.5s;
            }
            nav ul li a:hover::before {
                left: 100%;
            }
            nav ul li a:hover {
                background: linear-gradient(135deg, #88d3ce, #6e45e2);
                transform: translateY(-4px);
                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
            }