<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>新規登録</title>
  <link rel="stylesheet" href="/css/style.css">
    <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="login-box">
    <h2>新規登録</h2>

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

    <button onclick="signup()">登録</button>

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

    <a href="/login">ログイン画面へ戻る</a>
  </div>

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