Upload app.py with huggingface_hub

app.py

@@ -183,6 +183,16 @@ GLOBAL_CSS = """
     #MainMenu { visibility: hidden; }
     footer { visibility: hidden; }
 
+    @keyframes float {
+        0% { transform: translateY(0px); }
+        50% { transform: translateY(-20px); }
+        100% { transform: translateY(0px); }
+    }
+    .floating-logo {
+        animation: float 6s ease-in-out infinite;
+        display: block;
+        margin: 0 auto;
+    }
     .auth-container {
         max-width: 500px;
         margin: 60px auto;
@@ -325,13 +335,29 @@ def render_countdown_bar(remaining):
 # AUTH GATE: Stage 1 -- Email Input
 # =====================================================================
 
+def _get_logo_b64():
+    """Load logo as base64 for HTML embedding."""
+    import base64
+    logo_path = Path(__file__).parent / "logo.png"
+    if logo_path.exists():
+        return base64.b64encode(logo_path.read_bytes()).decode()
+    return None
+
 def show_landing_page():
-    st.markdown(
-        '<div class="auth-container">'
-        '<div style="font-size: 64px; margin-bottom: 8px;">&#127744;</div>'
-        '</div>',
-        unsafe_allow_html=True,
-    )
+    logo_b64 = _get_logo_b64()
+    if logo_b64:
+        st.markdown(
+            f'<div style="text-align:center; padding: 20px 0;">'
+            f'<img src="data:image/png;base64,{logo_b64}" class="floating-logo" '
+            f'style="width: 200px; height: 200px; object-fit: contain;"/>'
+            f'</div>',
+            unsafe_allow_html=True,
+        )
+    else:
+        st.markdown(
+            '<div style="text-align:center; font-size: 64px; margin-bottom: 8px;">&#127744;</div>',
+            unsafe_allow_html=True,
+        )
 
     st.markdown("# EMOSPHERE")
     st.markdown(
@@ -404,12 +430,15 @@ def show_landing_page():
 # =====================================================================
 
 def show_code_verification():
-    st.markdown(
-        '<div class="auth-container">'
-        '<div style="font-size: 64px; margin-bottom: 8px;">&#127744;</div>'
-        '</div>',
-        unsafe_allow_html=True,
-    )
+    logo_b64 = _get_logo_b64()
+    if logo_b64:
+        st.markdown(
+            f'<div style="text-align:center; padding: 10px 0;">'
+            f'<img src="data:image/png;base64,{logo_b64}" class="floating-logo" '
+            f'style="width: 150px; height: 150px; object-fit: contain;"/>'
+            f'</div>',
+            unsafe_allow_html=True,
+        )
 
     st.markdown("# EMOSPHERE")