Osadz logo w mailach, popraw naglowek i nadaj adresy krokom logowania

Maile:
- Logo jest zalacznikiem inline (cid:) zamiast obrazka z adresu serwisu.
  Wczesniej w mailach z lokalnego srodowiska (i w programach blokujacych
  obrazki z zewnatrz) w miejscu logo byla ikona bledu. Usuniety tekst
  zastepczy, ktory dublowal napis "Polska Lokalnie".

Naglowek:
- Menu nie nachodzi na logo ani panel przy zadnej szerokosci 1110-1920 px.
  Ponizej 1560 px "Ulubione" to samo serce (nazwa w dymku), mniejsze odstepy
  i przycisk "Dodaj ogloszenie" bez sztywnej szerokosci; w 1101-1270 px
  mniejszy napis logo i tekst przycisku.

Logowanie i rejestracja (standard routingu):
- Kazdy krok ma wlasny adres: /logowanie, /logowanie/nie-pamietam-hasla,
  /rejestracja, /rejestracja/osoba-prywatna, /rejestracja/firma,
  /rejestracja/sprawdz-poczte. Dzialaja F5, Wstecz/Dalej i nowa karta,
  formularz czysci sie takze przy Wstecz/Dalej, a cel powrotu po
  zalogowaniu nie ginie przy przejsciach miedzy krokami.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

frontend/src/styles.css

@@ -288,6 +288,28 @@ svg {
   position: relative;
 }
 
+/* Ponizej 1560 px menu glowne nie miescilo sie miedzy logo a panelem i nachodzilo na oba -
+   "Ulubione" zostaje samym sercem (jak dzwonek i wiadomosci), podpis jest w dymku. */
+@media (max-width: 1560px) {
+  .favorites-shortcut span {
+    display: none;
+  }
+
+  .header {
+    gap: 20px;
+  }
+
+  .nav {
+    gap: clamp(14px, 1.2vw, 44px);
+  }
+
+  .post-button {
+    min-width: 0;
+    padding-left: 14px;
+    padding-right: 14px;
+  }
+}
+
 /* Skrot do wiadomosci w pasku gornym - plakietka z liczba nieprzeczytanych. */
 .messages-shortcut {
   position: relative;
@@ -12134,7 +12156,13 @@ a.city-card:hover {
   }
 
   .post-button {
-    min-width: 210px;
+    min-width: 0;
+    padding-left: 14px;
+    padding-right: 14px;
+  }
+
+  .header-actions {
+    gap: 16px;
   }
 
   .hero-inner,
@@ -12325,6 +12353,33 @@ a.city-card:hover {
   }
 }
 
+/* Tuz nad ukladem dwurzedowym (<= 1100 px) menu w jednej linii potrzebuje ciasniejszych odstepow. */
+@media (min-width: 1101px) and (max-width: 1270px) {
+  .header {
+    gap: 10px;
+  }
+
+  .nav {
+    gap: 10px;
+  }
+
+  .header-actions {
+    gap: 10px;
+  }
+
+  .brand strong {
+    font-size: 21px;
+  }
+
+  .brand-logo-img {
+    height: 40px;
+  }
+
+  .post-button span {
+    font-size: 13px;
+  }
+}
+
 @media (max-width: 1100px) {
   .header {
     grid-template-columns: 1fr auto;