<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Cadastro</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:480px;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:#16a34a;color:#fff;border:0;border-radius:6px}
</style>
</head>
<body>
<div class="card">
<h2>Criar conta</h2>
<form method="post" action="/register">
<label>Nome</label>
<input type="text" name="name" required>
<label>Email</label>
<input type="email" name="email" required>
<label>Senha</label>
<input type="password" name="password" required>
<h3>Empresa</h3>
<label>Razão social</label>
<input type="text" name="tenant_name" required>
<label>CNPJ</label>
<input type="text" name="cnpj" required>
<button type="submit">Cadastrar</button>
</form>
</div>
</body>
</html>
