{% extends "base.html" %}{% block title %}{{ t('login_title') }}{% endblock %}
{% block content %}<div class="card" style="max-width:400px;margin:3rem auto">
<div class="card-header"><h2> {{ t('login_title') }}</h2></div>
<form method="POST"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
 <input name="username" placeholder="{{ t('username_placeholder') }}" style="width:100%;padding:0.5rem;margin-bottom:0.5rem;background:#0d1117;border:1px solid var(--border);color:#fff;border-radius:var(--radius-sm)" required>
 <input type="password" name="password" placeholder="{{ t('password_placeholder') }}" style="width:100%;padding:0.5rem;margin-bottom:0.5rem;background:#0d1117;border:1px solid var(--border);color:#fff;border-radius:var(--radius-sm)" required>
 <label style="display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:var(--muted);margin-bottom:0.75rem"><input type="checkbox" name="remember_me"> {{ t('remember_me') }}</label>
 <button class="btn btn-primary" style="width:100%">{{ t('login_submit') }}</button>
</form>
<p style="margin-top:0.75rem;text-align:center"><a href="/register">{{ t('create_account') }}</a> · <a href="/forgot-password" style="color:var(--muted)">{{ t('forgot_password') }}</a></p>
</div>{% endblock %}