nav {
            display: flex;
            gap: 1.5rem;
            align-items: center;
        }

        nav a {
            color: var(--white);
            text-decoration: none;
            font-weight: 500;
            padding: 0.5rem 1rem;
            border-radius: 6px;
            transition: all 0.2s;
        }
        

        nav a:hover {
            color: var(--white);
            background: rgba(108, 68, 187, 0.1);
        }

        .logo {
            font-size: 1.8rem;
            font-weight: 700;
            background: linear-gradient(90deg, var(--light-purple), var(--purple));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 0 10px rgba(75, 46, 131, 0.3);
            animation: glow-purple 2s ease-in-out infinite alternate;
            text-decoration: none;
            display: inline-block; 
        }

        .logo:hover {
            animation: glow-purple 2s ease-in-out infinite alternate, pulse 0.5s ease;
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }