feat: complete premium visual audit and brand refinement

static/css/auth.css

@@ -125,9 +125,29 @@ body.auth-page {
 
 .auth-brand-logo {
   display: block;
-  width: min(274px, 78vw);
+  width: 72px;
+  height: 72px;
+  margin-bottom: 16px;
+  border-radius: 18px;
+  box-shadow: 0 16px 38px rgba(0, 124, 131, 0.16), 0 2px 6px rgba(18, 38, 43, 0.08);
+}
+
+.auth-shell > .developer-credit {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  justify-content: center;
+  margin: 18px auto 0;
+  color: var(--on-surface-variant);
+  font: 700 9px/1 var(--font-sans);
+  letter-spacing: .1em;
+  text-transform: uppercase;
+}
+
+.auth-shell > .developer-credit img {
+  display: block;
+  width: 113px;
   height: auto;
-  margin-bottom: 18px;
 }
 
 .auth-brand-name {
@@ -221,6 +241,7 @@ body.auth-page {
   letter-spacing: 0.02em;
   color: var(--primary);
   text-decoration: none;
+  white-space: nowrap;
 }
 
 .field-link:hover {
@@ -290,6 +311,22 @@ body.auth-page {
   height: 18px;
 }
 
+.pw-toggle .icon[hidden] {
+  display: none;
+}
+
+@media (max-width: 480px) {
+  .field-label-row {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  .field-link {
+    font-size: 10px;
+  }
+}
+
 .field-error {
   margin-top: 6px;
   font-size: 12px;