<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>ログイン</title>
  <style>
    body { font-family: sans-serif; padding: 20px; }
    .box { max-width: 300px; margin: auto; }
    input { width: 100%; padding: 10px; margin: 8px 0; }
    button { width: 100%; padding: 10px; }
  </style>
</head>
<body>
  <div class="box">
    <h2>ログイン</h2>

    <input id="username" type="text" placeholder="ユーザー名">
    <input id="password" type="password" placeholder="パスワード">

    <button onclick="login()">ログイン</button>
    <a href="/signup">新規登録はこちら</a>

    <p id="message"></p>
  </div>

  <script src="login.js"></script>
</body>
</html>
