Show password reset link in login

src/main/resources/static/css/auth.css

@@ -129,6 +129,10 @@
 
 .mobile-switch { display:none; text-align:center; margin-top:1.2rem; color:var(--muted); font-size:.84rem; }
 .mobile-switch a { color:var(--accent); font-weight:700; text-decoration:none; cursor:pointer; }
+.login-help { margin:.42rem 0 0; text-align:left; font-size:.78rem; }
+.login-help a { color:var(--accent); font-weight:700; text-decoration:none; }
+.login-help a:hover { color:var(--heading); text-decoration:underline; text-underline-offset:.2rem; }
+.login-help a:focus-visible { outline:2px solid var(--accent-2); outline-offset:3px; border-radius:3px; }
 
 /* Bestätigungs-E-Mail: Das Eingabefeld bleibt platzsparend eingeklappt. */
 .auth-resend { margin-top:1rem; }

src/main/resources/templates/index.html

@@ -44,12 +44,11 @@
             <div class="mf-field">
               <label class="mf-label" for="login-password">Passwort</label>
               <input id="login-password" class="mf-input" type="password" name="password" placeholder="Passwort" required>
+              <p class="login-help"><a href="/forgot-password">Passwort vergessen?</a></p>
             </div>
             <button class="neon-btn" type="submit">Login</button>
           </form>
 
-          <p class="mobile-switch"><a href="/forgot-password">Passwort vergessen?</a></p>
-
           <p class="mobile-switch">Noch keinen Account? <a data-goto="signup">Jetzt registrieren</a></p>
         </div>
       </div>