Final pre taxi

backend/static/styles.css

@@ -335,6 +335,7 @@ section.card > p {
   background: rgba(255, 252, 247, 0.98);
   box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
   backdrop-filter: blur(4px);
+  text-align: center;
 }
 
 .login-privacy-title {
@@ -642,9 +643,10 @@ input[type="file"]:focus {
 }
 
 .toolbar-timer-popover {
-  position: absolute;
-  top: calc(100% + 0.38rem);
-  right: 0;
+  position: fixed;
+  top: 4.4rem;
+  left: 50%;
+  transform: translateX(-50%);
   min-width: 12.4rem;
   padding: 0.62rem 0.7rem;
   border-radius: 12px;
@@ -658,6 +660,7 @@ input[type="file"]:focus {
   margin: 0 0 0.35rem;
   color: rgba(31, 31, 31, 0.72);
   font-size: 0.76rem;
+  text-align: center;
 }
 
 .toolbar-timer-grid {
@@ -701,6 +704,7 @@ input[type="file"]:focus {
   margin: 0.42rem 0 0;
   color: rgba(31, 31, 31, 0.74);
   font-size: 0.74rem;
+  text-align: center;
 }
 
 @keyframes countdown-pop {
@@ -1191,6 +1195,7 @@ body.has-route-modal {
   border: 1px solid rgba(31, 58, 47, 0.12);
   padding: 1rem;
   background: linear-gradient(155deg, #fff8eb 0%, #f3e6cc 100%);
+  text-align: center;
 }
 
 .gift-lead {
@@ -1235,6 +1240,7 @@ body.has-route-modal {
   margin: 0.8rem 0 0;
   font-weight: 700;
   color: var(--forest);
+  text-align: center;
 }
 
 .money-rain {
@@ -1490,12 +1496,17 @@ body.has-route-modal {
   .hero-overlay {
     max-width: 54ch;
     padding: 2rem;
+    margin-inline: auto;
   }
 
   .hero-banner {
     min-height: 78vh;
     background-position: center 24%;
   }
+
+  .hero-hint-below {
+    margin-inline: auto;
+  }
 }
 
 @media (max-width: 640px) {