<!DOCTYPE html>
	<html lang="pt-BR">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Acesso Restrito</title>
		<style>
			body {
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100vh;
				background-color: #f0f2f5;
				font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
				margin: 0;
			}
			.container {
				background: white;
				padding: 2rem;
				border-radius: 12px;
				box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
				text-align: center;
				width: 100%;
				max-width: 360px;
			}
			h2 {
				margin-bottom: 1.5rem;
				color: #333;
				font-weight: 600;
			}
			input[type="password"] {
				width: 100%;
				padding: 12px;
				margin-bottom: 1rem;
				border: 1px solid #ddd;
				border-radius: 8px;
				font-size: 16px;
				box-sizing: border-box;
				transition: border-color 0.2s;
			}
			input[type="password"]:focus {
				border-color: #007aff;
				outline: none;
			}
			button {
				width: 100%;
				padding: 12px;
				background-color: #007aff;
				color: white;
				border: none;
				border-radius: 8px;
				font-size: 16px;
				font-weight: 500;
				cursor: pointer;
				transition: background-color 0.2s;
			}
			button:hover {
				background-color: #0062cc;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<h2>Autenticação Necessária</h2>
			<form method="POST">
				<input type="password" name="auth_pass" placeholder="Senha de Acesso" required autofocus>
				<button type="submit">Entrar</button>
			</form>
		</div>
	</body>
	</html>	