<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Lawn Butlers Preview</title>
<style>
  * { box-sizing: border-box; }
  body {
    margin: 0; min-height: 100vh; display: grid; place-items: center;
    background: #004038; font-family: system-ui, sans-serif; padding: 20px;
  }
  form {
    background: #fff; padding: 32px; border-radius: 14px; width: 100%; max-width: 320px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.35);
  }
  input {
    width: 100%; padding: 12px 14px; margin-top: 14px; font-size: 16px;
    border: 1px solid #ccc; border-radius: 8px;
  }
  button {
    width: 100%; margin-top: 14px; padding: 12px 14px; font-size: 16px; font-weight: 700;
    border: none; border-radius: 8px; background: #004038; color: #b0f000; cursor: pointer;
  }
  p.err { color: #b23b3b; font-weight: 700; margin: 0; font-size: 0.9rem; }
</style>
</head>
<body>
  <form method="POST">
    
    <input type="password" name="password" placeholder="Password" autofocus required />
    <button type="submit">Go</button>
  </form>
</body>
</html>