<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css">
<style>
body{font-family:Arial;padding:40px;background:#f6f7fb}
.card{max-width:360px;margin:0 auto;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
label{display:block;margin-bottom:6px;color:#333}
input{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:6px}
button{width:100%;padding:10px;background:#2563eb;color:#fff;border:0;border-radius:6px}
.link{display:block;text-align:center;margin-top:10px}
</style>
</head>
<body>
<div class="card">
<h2>Login</h2>
<form method="post" action="/login">
<label>Email</label>
<input type="email" name="email" required>
<label>Senha</label>
<input type="password" name="password" required>
<button type="submit">Entrar</button>
</form>
<a class="link" href="/register">Criar conta</a>
</div>
</body>
</html>
