Update app.py

app.py

@@ -3,14 +3,23 @@ import re
 import anthropic
 import os
 
-# ✅ Configura layout
+st.set_page_config(page_title="Prompt Coach", layout="wide")
+
+# ✅ Logo Fluida
 st.markdown(
-    "<div style='background-color: #f5f5f5; padding: 20px; border-radius: 10px;'>"
-    "<h4 style='color: #39FF14;'>✅ Prompt raffinato</h4>"
-    f"<p style='color:#000'>{raffinato}</p>"
-    "</div>",
+    '''
+    <div style='text-align: center; padding: 10px; background-color: white;'>
+        <img src='fluida-logo.png' width='160' style='border-radius: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);'>
+    </div>
+    ''',
     unsafe_allow_html=True
 )
+
+# ✅ Titolo e sottotitolo in verde fluo
+st.markdown("<h1 style='text-align: center; color: #39FF14;'>🧠 Prompt Coach</h1>", unsafe_allow_html=True)
+st.markdown("<p style='text-align: center; color: #39FF14;'>Scrivi prompt migliori, capendo come si costruiscono.</p>", unsafe_allow_html=True)
+
+# ✅ CSS personalizzato
 st.markdown(
     '''
     <style>
@@ -22,28 +31,20 @@ st.markdown(
         border-radius: 10px;
         border: none;
     }
+    @keyframes pulse {
+      0% { box-shadow: 0 0 0 0 rgba(57,255,20, 0.5); }
+      70% { box-shadow: 0 0 0 10px rgba(57,255,20, 0); }
+      100% { box-shadow: 0 0 0 0 rgba(57,255,20, 0); }
+    }
+    .pulsing-button {
+      animation: pulse 2s infinite;
+    }
     </style>
     ''',
     unsafe_allow_html=True
 )
 
-<style>
-@keyframes pulse {
-  0% { box-shadow: 0 0 0 0 rgba(57,255,20, 0.5); }
-  70% { box-shadow: 0 0 0 10px rgba(57,255,20, 0); }
-  100% { box-shadow: 0 0 0 0 rgba(57,255,20, 0); }
-}
-.pulsing-button {
-  animation: pulse 2s infinite;
-}
-</style>
-
-
-# ✅ Titolo e sottotitolo in verde fluo
-st.markdown("<h1 style='text-align: center; color: #39FF14;'>🧠 Prompt Coach</h1>", unsafe_allow_html=True)
-st.markdown("<p style='text-align: center; color: #39FF14;'>Scrivi prompt migliori, capendo come si costruiscono.</p>", unsafe_allow_html=True)
-
-# ✅ Espandi guida con testo verde fluo
+# ✅ Espandi guida
 with st.expander("📘 Le 6 regole fondamentali del prompting"):
     st.markdown(
         "<div style='color:#39FF14'>"
@@ -111,7 +112,7 @@ with col2:
     if st.button("🧠 Analizza il prompt", type="primary"):
         if prompt_input.strip():
             risultato, raffinato = analizza_e_riscrivi(prompt_input)
-            st.markdown(f"<div style='color:#39FF14'>{risultato}</div>", unsafe_allow_html=True)
+            st.markdown(f"<div style='background-color: #f5f5f5; padding: 20px; border-radius: 10px; color: #39FF14;'>{risultato}</div>", unsafe_allow_html=True)
         else:
             st.warning("⚠️ Inserisci prima un prompt.")