diff --git a/server/templates/login.html b/server/templates/login.html
index d6e3873..d639084 100644
--- a/server/templates/login.html
+++ b/server/templates/login.html
@@ -4,23 +4,24 @@
 <meta charset="utf-8">
 <title>Doctate — Login</title>
 <style>
-body { font-family: sans-serif; max-width: 400px; margin: 4em auto; padding: 0 1em; }
-h1 { font-size: 1.3em; }
-form { display: flex; flex-direction: column; gap: 0.7em; }
-input { padding: 0.5em; font-size: 1em; }
-button { padding: 0.6em; font-size: 1em; cursor: pointer; }
+body { font-family: sans-serif; max-width: 360px; margin: 4em auto; padding: 0 1em; }
+h1 { font-size: 1.8em; margin: 0 0 1em; text-align: center; }
+form { display: flex; flex-direction: column; gap: 0.8em; }
+label { display: flex; flex-direction: column; gap: 0.25em; font-size: 0.9em; color: #555; }
+input, button { box-sizing: border-box; width: 100%; padding: 0.6em; font-size: 1em; font-family: inherit; }
+button { cursor: pointer; margin-top: 0.4em; }
 .error { background: #fee; border: 1px solid #e99; padding: 0.5em; border-radius: 4px; color: #900; }
 </style>
 </head>
 <body>
-<h1>Doctate Login</h1>
+<h1>Doctate</h1>
 {% match error %}
 {% when Some with (msg) %}
 <div class="error">{{ msg }}</div>
 {% when None %}
 {% endmatch %}
 <form method="post" action="/web/login">
-<label>Benutzer (slug)<input type="text" name="slug" autofocus required></label>
+<label>Benutzer<input type="text" name="slug" autofocus required></label>
 <label>Passwort<input type="password" name="password" required></label>
 <button type="submit">Anmelden</button>
 </form>
