Senha E Login Para Tufos Page 2012 | 13 Full
/* Reset */
*,
*::before,
*::after box-sizing: border-box; margin:0; padding:0;
body
font-family: 'Helvetica Neue', Arial, sans-serif;
background: #f5f7fa;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
.auth-page .auth-card
background: #fff;
padding: 2rem 2.5rem;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,.08);
width: 340px;
text-align: center;
.auth-card h1,
.auth-card h2 margin-bottom: .8rem; color: #333;
label display: block; text-align: left; margin-top: .8rem; font-size: .9rem; color:#555;
input
width: 100%;
padding: .5rem;
margin-top: .2rem;
border: 1px solid #ccc;
border-radius: 4px;
button
margin-top: 1rem;
width: 100%;
padding: .6rem;
background: #0066cc;
color:#fff;
border:none;
border-radius:4px;
font-size:1rem;
cursor:pointer;
button:hover background:#0055aa;
.error-msg color:#c00; margin-top:.5rem;
.success-msg color:#090; margin-top:.5rem;
.forgot margin-top:1rem;
.forgot a color:#0066cc; text-decoration:none;
.forgot a:hover text-decoration:underline;
hr margin:1.5rem 0; border:none; border-top:1px solid #eee;
Se você puder fornecer mais detalhes sobre o que está procurando (sem informações sensíveis), posso tentar oferecer uma ajuda mais direcionada.
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<title>Login – Tufos 2012‑13</title>
<link rel="stylesheet" href="/css/styles.css">
</head>
<body class="auth-page">
<section class="auth-card">
<h1>Entrar</h1>
<form id="loginForm">
<label for="email">E‑mail</label>
<input type="email" id="email" name="email" required autocomplete="email">
<label for="password">Senha</label>
<input type="password" id="password" name="password" required autocomplete="current-password">
<button type="submit">Acessar</button>
<p class="error-msg" id="loginError"></p>
</form>
<hr>
<h2>Criar conta</h2>
<form id="signupForm">
<label for="signupName">Nome</label>
<input type="text" id="signupName" name="name" required autocomplete="name">
<label for="signupEmail">E‑mail</label>
<input type="email" id="signupEmail" name="email" required autocomplete="email">
<label for="signupPassword">Senha</label>
<input type="password" id="signupPassword" name="password" required autocomplete="new-password">
<button type="submit">Registrar</button>
<p class="error-msg" id="signupError"></p>
<p class="success-msg" id="signupSuccess"></p>
</form>
<p class="forgot"><a href="/reset.html">Esqueceu a senha?</a></p>
</section>
<script src="/js/auth.js"></script>
</body>
</html>