diff --git a/src/public/css/style.css b/src/public/css/style.css
index 29edafb..f88277e 100644
--- a/src/public/css/style.css
+++ b/src/public/css/style.css
@@ -46,23 +46,25 @@ body {
 .header h1 { font-size: 18px; font-weight: 600; letter-spacing: -0.3px; }
 .header h1 span { color: var(--accent); }
 
-.header-right { display: flex; align-items: center; gap: 10px; }
+.header-left { display: flex; align-items: center; gap: 8px; }
 
 .level-selector { display: flex; gap: 6px; }
 
 .about-btn {
-  width: 26px; height: 26px;
+  width: 22px; height: 22px;
   border-radius: 50%;
-  border: 1px solid var(--border);
-  background: transparent;
-  color: var(--text-muted);
-  font-size: 13px;
+  border: 1.5px solid var(--accent);
+  background: var(--accent-dim);
+  color: var(--accent);
+  font-size: 12px;
+  font-weight: 600;
   cursor: pointer;
   display: flex; align-items: center; justify-content: center;
   transition: all 0.15s;
   flex-shrink: 0;
+  opacity: 0.85;
 }
-.about-btn:hover { border-color: var(--accent); color: var(--accent); }
+.about-btn:hover { opacity: 1; background: rgba(108,142,255,0.28); }
 
 /* ── About modal ── */
 .modal-overlay {
diff --git a/src/public/index.html b/src/public/index.html
index 2f1c64c..53ef922 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -16,14 +16,14 @@
 
   <!-- Header -->
   <div class="header">
-    <h1>Deutsch <span>üben</span></h1>
-    <div class="header-right">
-      <div class="level-selector">
-        <button class="level-btn" data-level="A2">A2</button>
-        <button class="level-btn active" data-level="B1">B1</button>
-        <button class="level-btn" data-level="B2">B2</button>
-      </div>
-      <button class="about-btn" id="about-btn" title="About">ℹ</button>
+    <div class="header-left">
+      <h1>Deutsch <span>üben</span></h1>
+      <button class="about-btn" id="about-btn" title="Über die App">ℹ</button>
+    </div>
+    <div class="level-selector">
+      <button class="level-btn" data-level="A2">A2</button>
+      <button class="level-btn active" data-level="B1">B1</button>
+      <button class="level-btn" data-level="B2">B2</button>
     </div>
   </div>
 
@@ -32,7 +32,7 @@
     <div class="modal-card">
       <button class="modal-close" id="about-close">✕</button>
       <div class="modal-logo">Deutsch <span>üben</span></div>
-      <p class="modal-desc">Приложение для устной практики немецкого языка с анализом речи через AI.</p>
+      <p class="modal-desc">Eine App zum Üben des mündlichen Deutschs mit KI-gestützter Sprachanalyse.</p>
       <div class="modal-author">
         <div class="modal-author-name">Alex Babrouski</div>
         <a class="modal-email" href="mailto:balexvicx@gmail.com">balexvicx@gmail.com</a>