Update src/templates/base.html

src/templates/base.html

@@ -92,17 +92,27 @@ a { text-decoration: none; transition: 0.2s; }
 
 .header h1 {
     margin: 0;
-    font-size: 1.4rem;
-    font-weight: 800;
-    letter-spacing: -0.5px;
+    font-size: 1.5rem;
+    font-weight: 900;
+    letter-spacing: -0.8px;
+    line-height: 1;
+    display: flex;
+    align-items: center;
 }
       
 .header h1 > a {
     color: #fff;
+    text-decoration: none;
+    transition: opacity 0.2s ease;
 }
-.header h1 > a span { color: var(--accent-green); } 
 
-.header h1 > a:hover { opacity: 0.9; }
+.header h1 > a span { 
+    color: var(--accent-green, #10b981); 
+} 
+
+.header h1 > a:hover { 
+    opacity: 0.8; 
+}
 
 /* Icons */
 .icon-btn {
@@ -372,10 +382,10 @@ input:focus { outline: none; border-color: var(--accent-green); }
 
     <div class="header">
         <h1>
-            <a href="{{ url_for('main.home') if session.get('user_id') else url_for('main.index') }}" style="display: flex; align-items: center; gap: 10px;">
-                <span>Crypto<span style="color:var(--accent-green)">VAT</span></span>
-            </a>
-        </h1>
+    <a href="{{ url_for('main.home') if session.get('user_id') else url_for('main.index') }}" style="display: flex; align-items: center; gap: 0;">
+        Crypto<span>VAT</span>
+    </a>
+</h1>
         <div style="display: flex; align-items: center; gap: 5px;">
             
             <a href="{{ url_for('main.help_page') }}" class="icon-btn" title="Help">