<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Вход</title>
  <style>
    * { box-sizing: border-box; }
    body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f3f4f6; color: #111827; font: 16px system-ui, sans-serif; }
    main { width: 100%; max-width: 360px; padding: 32px; background: white; border: 1px solid #e5e7eb; border-radius: 12px; }
    h1 { margin: 0 0 24px; font-size: 24px; }
    label { display: block; margin: 16px 0 6px; }
    input, button { width: 100%; padding: 12px; font: inherit; border-radius: 6px; }
    input { border: 1px solid #9ca3af; }
    button { margin-top: 24px; border: 0; background: #1d4ed8; color: white; cursor: pointer; }
  </style>
</head>
<body>
  <main>
    <h1>Вход в систему</h1>
    <form method="post" action="/login">
      <label for="username">Логин</label>
      <input id="username" name="username" autocomplete="username" maxlength="128" required>
      <label for="password">Пароль</label>
      <input id="password" name="password" type="password" autocomplete="current-password" maxlength="256" required>
      <button type="submit">Войти</button>
    </form>
  </main>
</body>
</html>