First product

app/templates/login.html

@@ -0,0 +1,23 @@
+{% extends "base.html" %}
+
+{% block content %}
+<section class="hero auth-card" data-test="login-card">
+  <p class="eyebrow">Secure Access</p>
+  <h1>Sign in</h1>
+  <p class="lede">Use an admin-created account to access your tracked scholars and settings.</p>
+  {% if error_message %}
+  <p class="form-error" role="alert">{{ error_message }}</p>
+  {% endif %}
+  {% if retry_after_seconds %}
+  <p class="form-note">Retry after {{ retry_after_seconds }} seconds.</p>
+  {% endif %}
+  <form method="post" action="/login" class="auth-form" data-test="login-form">
+    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+    <label for="email">Email</label>
+    <input id="email" name="email" type="email" autocomplete="username" required autofocus>
+    <label for="password">Password</label>
+    <input id="password" name="password" type="password" autocomplete="current-password" required>
+    <button type="submit" data-loading-text="Signing in...">Sign in</button>
+  </form>
+</section>
+{% endblock %}