Making login screen a bit clearer

app/static/css/style.css

@@ -607,6 +607,44 @@ textarea:focus {
   margin-bottom: 0.75rem;
 }
 
+.local-login-panel {
+  margin-top: 1.25rem;
+  border-top: 1px solid var(--border);
+  padding-top: 1rem;
+}
+
+.local-login-panel summary {
+  cursor: pointer;
+  color: var(--muted);
+  font-size: 0.875rem;
+  user-select: none;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+}
+
+.local-login-panel summary::-webkit-details-marker { display: none; }
+
+.local-login-panel summary::before {
+  content: '›';
+  font-size: 1.1em;
+  transition: transform 0.15s;
+  display: inline-block;
+}
+
+.local-login-panel[open] summary::before {
+  transform: rotate(90deg);
+}
+
+.local-login-panel summary:hover {
+  color: var(--text);
+}
+
+.local-login-panel form {
+  margin-top: 1rem;
+}
+
 /* ─── Light theme ────────────────────────────────────────────────────────── */
 @media (prefers-color-scheme: light) {
   :root {