update

partials/landing/account/login.php

@@ -0,0 +1,37 @@
+<main class="auth-wrap">
+  <div class="container auth-grid">
+    <section class="card auth-card">
+      <div class="badge">Login</div>
+      <h1 class="mt-1" style="margin: 12px 0;">Willkommen zurück</h1>
+      <p class="muted">Melde dich an, um Events zu erstellen, teilzunehmen und dein Profil zu verwalten.</p>
+      <form class="stack gap-12" style="margin-top: 14px;">
+        <div class="stack gap-6">
+          <label class="label" for="loginEmail">E-Mail</label>
+          <input id="loginEmail" name="email" class="input" type="email" required placeholder="du@example.com">
+        </div>
+        <div class="stack gap-6">
+          <label class="label" for="loginPassword">Passwort</label>
+          <input id="loginPassword" name="password" class="input" type="password" required placeholder="********">
+        </div>
+        <div style="display:flex; justify-content:space-between; align-items:center; flex-wrap: wrap; gap: 8px;">
+          <label style="display:flex; gap:8px; align-items:center; font-size:14px; color: var(--color-muted);">
+            <input type="checkbox" style="width:16px; height:16px;"> Angemeldet bleiben
+          </label>
+          <a class="text-muted" href="/reset">Passwort vergessen?</a>
+        </div>
+        <button class="btn block" type="submit">Anmelden</button>
+      </form>
+      <p class="muted small" style="margin-top: 12px;">Noch kein Konto? <a href="/register">Jetzt registrieren</a></p>
+    </section>
+
+    <aside class="auth-aside">
+      <img class="auth-logo" src="/assets/bilder/logo_male.png" alt="Papa-Kind-Treff Logo">
+      <h3>Neu hier?</h3>
+      <p class="auth-meta">Registriere dich kostenlos, lege dein Profil an und finde Treffen in deiner Nähe. Kinderinfos kannst du später hinzufügen.</p>
+      <div class="stack gap-12" style="margin-top: 12px;">
+        <a class="btn block" href="/register">Kostenlos registrieren</a>
+        <a class="btn ghost block" href="/">Zur Startseite</a>
+      </div>
+    </aside>
+  </div>
+</main>