Glassmorphic Mobile Navbar

<div class="bg-gradient-to-br from-indigo-500 to-purple-800 h-20 flex items-center justify-between px-6 shadow-xl">
        <div class="text-white font-bold text-lg tracking-tight">App.UI</div>
        <div class="glass-card p-2 rounded-xl cursor-pointer hover:bg-white/20 transition-all">
            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16">
                </path>
            </svg>
        </div>
    </div>