<!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>
