<section role="main">
  <div id="login">
    <div class="container">
      <div class="login-card">
        <div class="login-header">
          <h1 class="login-title">Welcome back</h1>
          <p class="login-subtitle">Sign in to continue to your account</p>
        </div>

        <form method="POST" action="/user-login">
          <div class="form-group">
            <label for="username">Username</label>
            <input 
              type="text" 
              id="username" 
              name="username" 
              placeholder="Enter your username"
              required
            />
          </div>

          <div class="form-group">
            <label for="password">Password</label>
            <input 
              type="password" 
              id="password" 
              name="password" 
              placeholder="Enter your password"
              required
            />
          </div>

          <button type="submit" class="login-button">Log In</button>
        </form>
      </div>
    </div>
</section>
