Update app.py

app.py

@@ -157,11 +157,12 @@ st.markdown("""
     }
     
     .hero-subtitle {
-        font-size: 1.25rem;
-        color: var(--text-secondary);
-        max-width: 800px;
-        margin: 0 auto 2rem;
-        line-height: 1.7;
+    text-align: center !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    display: block !important;
+    width: fit-content !important;
+    max-width: 700px;
     }
     
     .tech-pill {
@@ -819,61 +820,19 @@ st.markdown("""
 
 # HERO SECTION
 st.markdown("""
-<style>
-.hero-section {
-    text-align: center;
-    padding: 20px 0;
-}
-.hero-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 6px;
-    background: #ff0844;
-    padding: 6px 14px;
-    border-radius: 20px;
-    color: white;
-    font-weight: 600;
-    margin-bottom: 10px;
-    font-size: 14px;
-}
-.hero-title {
-    font-size: 40px;
-    font-weight: 800;
-    line-height: 1.1;
-    margin-bottom: 10px;
-}
-.hero-subtitle {
-    font-size: 17px;
-    max-width: 700px;
-    margin: 0 auto;
-}
-.tech-pill {
-    display: inline-block;
-    background: #f1f1f1;
-    padding: 6px 14px;
-    margin: 6px;
-    border-radius: 18px;
-    font-weight: 600;
-    font-size: 14px;
-}
-</style>
-
 <div class="hero-section">
     <div class="hero-badge">
         <span>⚡</span>
         <span>TEAM SOURCE CODE</span>
     </div>
-
     <h1 class="hero-title">
-        <span>Next-Generation</span><br>
-        <span>Traffic Intelligence</span>
+        <span class="hero-title-line1">Next-Generation</span>
+        <span class="hero-title-line2">Traffic Intelligence</span>
     </h1>
-
     <p class="hero-subtitle">
         Revolutionizing urban mobility with cutting-edge AI. Real-time vehicle detection, 
         adaptive signal optimization, and <strong style="color: #ff0844;">intelligent emergency vehicle prioritization</strong> powered by YOLOv8 & CNN.
     </p>
-
     <div>
         <span class="tech-pill">🤖 YOLOv8 Detection</span>
         <span class="tech-pill">⚡ Deep Learning</span>
@@ -884,8 +843,6 @@ st.markdown("""
 </div>
 """, unsafe_allow_html=True)
 
-
-
 # STATISTICS GRID
 st.markdown("""
 <div class="stats-grid">