{% extends "base.html" %}
{% block title %}Player Portal — KittyRec INDEV{% endblock %}
{% block content %}
<div style="max-width:400px;margin:4rem auto">
  <div class="card">
    <div style="text-align:center;margin-bottom:2rem">
      <img src="/static/kittyrec_icon.png" alt="KittyRec" style="width:64px;height:64px;margin-bottom:.5rem;">
      <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:.25rem">Player Portal</h2>
      <p style="color:var(--text2);font-size:.85rem">Sign in with your game account</p>
    </div>
    {% if error %}
    <div class="alert alert-red">{{ error }}</div>
    {% endif %}
    <form method="POST">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div class="form-group">
        <label>Username</label>
        <input type="text" name="username" placeholder="your username" autofocus required>
      </div>
      <div class="form-group">
        <label>Password</label>
        <input type="password" name="password" placeholder="••••••••" required>
      </div>
      <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center;padding:.65rem">
        Sign In
      </button>
    </form>
  </div>
</div>
{% endblock %}