diff --git a/backend/static/js/alpine-components.js b/backend/static/js/alpine-components.js
index 0c238994..fcd3eb0b 100644
--- a/backend/static/js/alpine-components.js
+++ b/backend/static/js/alpine-components.js
@@ -375,6 +375,13 @@ Alpine.data('authModal', (defaultMode = 'login') => ({
         this.resetForms();
       }
     });
+    
+    // Listen for global auth modal events
+    document.addEventListener('show-auth-modal', (event) => {
+      const mode = event.detail?.mode || 'login';
+      this.show(mode);
+      console.log('Auth modal opened via event:', mode);
+    });
   },
   
   async fetchSocialProviders() {
@@ -618,6 +625,21 @@ Alpine.store('toast', {
 });
 
   console.log('All Alpine.js components registered successfully');
+  
+  // Expose global authModal instance for mobile buttons
+  if (typeof window !== 'undefined') {
+    window.authModal = {
+      show: (mode = 'login') => {
+        // Dispatch custom event to trigger auth modal
+        const event = new CustomEvent('show-auth-modal', { 
+          detail: { mode: mode }
+        });
+        document.dispatchEvent(event);
+        console.log('Auth modal event dispatched:', mode);
+      }
+    };
+    console.log('Global authModal exposed on window');
+  }
 }
 
 // Try multiple registration approaches