<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>NOVA Access</title>
    <style>
      :root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #101418; color: #f5f7fa; }
      body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #101418; }
      main { width: min(420px, calc(100vw - 32px)); }
      h1 { margin: 0 0 10px; font-size: 34px; letter-spacing: 0; }
      p { color: #b9c3cf; line-height: 1.5; }
      form { margin-top: 22px; display: grid; gap: 12px; }
      label { display: grid; gap: 8px; color: #d8e0ea; font-size: 14px; }
      input { border: 1px solid #2c3947; border-radius: 8px; background: #151c23; color: #f5f7fa; padding: 13px 14px; font-size: 16px; }
      button { border: 0; border-radius: 8px; background: #5d8fd8; color: #07111d; padding: 13px 14px; font-weight: 700; cursor: pointer; }
      .error { margin: 12px 0 0; color: #ffb4b4; }
    </style>
  </head>
  <body>
    <main>
      <h1>NOVA</h1>
      <p>Enter the access code to continue.</p>
      
      <form method="post" action="/_nova-access">
        <input type="hidden" name="next" value="/api/public/news-sitemap.xml?siteId=vidorix-site&amp;token=public-nova-read" />
        <label>Access code
          <input name="code" type="password" autocomplete="current-password" autofocus />
        </label>
        <button type="submit">Continue</button>
      </form>
    </main>
  </body>
</html>