login.html

<section class="login-screen" aria-label="ZENos login">
  <div class="login-card">
    <div class="login-heading">
      <p class="eyebrow">Welcome back</p>
      <h1>Sign in to <span>ZENos</span></h1>
      <p class="login-description">
        Continue to your calm, focused workspace.
      </p>
    </div>

    <form class="login-form" id="loginForm" novalidate>
      <div class="field-group">
        <label for="email">Email address</label>
        <input
          id="email"
          name="email"
          type="email"
          autocomplete="email"
          inputmode="email"
          placeholder="you@example.com"
          required
        />
        <small class="field-error" id="emailError"></small>
      </div>

      <div class="field-group">
        <label for="password">Password</label>
        <input
          id="password"
          name="password"
          type="password"
          autocomplete="current-password"
          placeholder="Enter your password"
          required
        />
        <small class="field-error" id="passwordError"></small>
      </div>

      <button class="login-button" type="submit">
        Continue
      </button>

      <p class="form-message" id="formMessage" role="status"></p>
    </form>
  </div>

  <div class="version">ZENos • Core 01.00.00</div>
</section>