Update app.py

app.py

@@ -37,6 +37,32 @@ st.set_page_config(
     initial_sidebar_state="collapsed",
 )
 
+# Add at top of file (if not already): 
+import streamlit.components.v1 as components
+
+# Replace the large st.markdown(...) CSS block with this:
+_css_html = r"""
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,300;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet">
+<style>
+/* ── hide streamlit chrome ── */
+#MainMenu, footer, header { visibility: hidden; }
+.stDeployButton, [data-testid="stToolbar"] { display: none; }
+[data-testid="collapsedControl"] { display: none !important; }
+section[data-testid="stSidebar"] { display: none !important; }
+
+/* (rest of your CSS here — copy exactly) */
+:root {
+  --bg:       #090E1A;
+  /* ... all variables and rules ... */
+}
+... (paste the entire CSS block exactly) ...
+</style>
+"""
+# Use components.html to ensure raw HTML/CSS is interpreted:
+components.html(_css_html, height=0, scrolling=False)
+
 # ─── CSS ────────────────────────────────────────────────────────
 st.markdown("""
 <link rel="preconnect" href="https://fonts.googleapis.com">