Fix logo visibility: use auto width for horizontal image, rename to WBfeed

- topbar: height:28px width:auto (fits 4:1 logo without squishing)
- login brand icon: white rectangular bg, height:36px width:auto
- auth-kicker: height:24px width:auto
- Brand name: WBfeed everywhere

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/styles.css

@@ -129,14 +129,10 @@ a:hover { color: var(--blue-dark); text-decoration: underline; }
     flex-shrink: 0;
 }
 .topbar__logo-img {
-    width: 40px;
-    height: 40px;
-    border-radius: 10px;
+    height: 28px;
+    width: auto;
     object-fit: contain;
     flex-shrink: 0;
-    background: white;
-    padding: 4px;
-    box-shadow: 0 2px 10px rgba(203,17,171,0.3), 0 0 0 2px rgba(203,17,171,0.12);
 }
 
 .topbar__name {
@@ -932,37 +928,30 @@ textarea:focus {
 
 .login-brand {
     display: inline-flex;
-    align-items: center;
-    gap: 12px;
-    background: rgba(255,255,255,0.12);
-    border: 1px solid rgba(255,255,255,0.2);
-    border-radius: 99px;
-    padding: 8px 20px 8px 8px;
+    flex-direction: column;
+    gap: 10px;
     margin-bottom: 36px;
-    backdrop-filter: blur(8px);
 }
 .login-brand__icon {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
     background: #fff;
-    display: flex;
+    border-radius: 14px;
+    padding: 10px 18px;
+    display: inline-flex;
     align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-    overflow: hidden;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
 }
 .login-brand__icon img {
-    width: 32px;
-    height: 32px;
+    height: 36px;
+    width: auto;
     object-fit: contain;
+    display: block;
 }
 .login-brand__name {
-    font-size: 16px;
-    font-weight: 700;
-    color: #fff;
-    letter-spacing: -0.2px;
+    font-size: 13px;
+    font-weight: 600;
+    color: rgba(255,255,255,0.7);
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
 }
 
 .login-promo__title {
@@ -1082,10 +1071,9 @@ textarea:focus {
 }
 
 .auth-kicker-logo-img {
-    width: 36px;
-    height: 36px;
+    height: 24px;
+    width: auto;
     object-fit: contain;
-    border-radius: 8px;
 }
 
 .auth-kicker-text {