Refonte design system — Phase B : chrome global et pages d'authentification

- styles/forge-custom.scss : .content-wide (déjà utilisée par
  game_dashboard.html/index.html) passe de 1080px à 1600px, pleine
  largeur pour les écrans de gestion (§5) — la largeur du bloc <main> par
  défaut (760px, hérité par les pages d'auth/profil qui ne posent pas
  cette classe) reste inchangée, ces pages veulent justement rester
  étroites et centrées.
- Pages d'authentification (login/register/2FA×2/mot de passe oublié/
  réinitialisation) : le style="max-width:NNNpx" répété sur chacune est
  remplacé par les classes partagées .authScreen/.authCard(-wide), titre
  H1 en dégradé signature .forge-gradient-title — seul endroit du site,
  avec le logo, autorisé à l'utiliser (§3/§5). Grille de fond fine sur
  body.authBody, elle aussi réservée aux zones hero et absente des écrans
  de travail.
- Logique JS inchangée (jauge de mot de passe dans register.html/
  reset_password.html) — uniquement des classes/structure autour.

197 tests toujours verts, JS des pages modifiées revérifié (node --check).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

templates/auth/forgot_password.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Mot de passe oublié — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:420px;">
-    <h1 class="title">Mot de passe oublié</h1>
+<section class="section authScreen">
+  <div class="container authCard">
+    <h1 class="title authTitle forge-gradient-title">Mot de passe oublié</h1>
 
     {% if sent %}
     <div class="notification is-success">Si un compte existe avec cette adresse, un email vient de t'être envoyé avec un lien pour choisir un nouveau mot de passe.</div>

templates/auth/login.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Connexion — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:420px;">
-    <h1 class="title">Connexion</h1>
+<section class="section authScreen">
+  <div class="container authCard">
+    <h1 class="title authTitle forge-gradient-title">Connexion</h1>
 
     {% if error %}
     <div class="notification is-danger">{{ error }}</div>

templates/auth/login_2fa.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Code de vérification — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:420px;">
-    <h1 class="title">Code de vérification</h1>
+<section class="section authScreen">
+  <div class="container authCard">
+    <h1 class="title authTitle forge-gradient-title">Code de vérification</h1>
     <p class="hint mb-4">Ouvre ton application d'authentification et saisis le code à 6 chiffres affiché, ou un de tes codes de récupération si tu n'y as plus accès.</p>
 
     {% if error %}

templates/auth/register.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Inscription — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:480px;">
-    <h1 class="title">Créer un compte</h1>
+<section class="section authScreen">
+  <div class="container authCard authCard-wide">
+    <h1 class="title authTitle forge-gradient-title">Créer un compte</h1>
     <p class="hint mb-4">Un compte = un seul projet de jeu (illimité pour un compte administrateur). La double authentification (2FA) est obligatoire — l'étape suivante te fera scanner un QR code avec une application comme Google Authenticator.</p>
 
     {% if error %}

templates/auth/register_2fa.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Activer la double authentification — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:480px;">
-    <h1 class="title">Active la double authentification</h1>
+<section class="section authScreen">
+  <div class="container authCard authCard-wide">
+    <h1 class="title authTitle forge-gradient-title">Active la double authentification</h1>
     <p class="hint mb-4">Scanne ce QR code avec une application d'authentification (Google Authenticator, Authy...), puis tape le code à 6 chiffres qu'elle affiche pour confirmer.</p>
 
     {% if error %}

templates/auth/reset_password.html

@@ -1,9 +1,10 @@
 {% extends "base.html" %}
 {% block title %}Nouveau mot de passe — Forge Engine{% endblock %}
+{% block body_class %}authBody{% endblock %}
 {% block content %}
-<section class="section">
-  <div class="container" style="max-width:480px;">
-    <h1 class="title">Choisir un nouveau mot de passe</h1>
+<section class="section authScreen">
+  <div class="container authCard authCard-wide">
+    <h1 class="title authTitle forge-gradient-title">Choisir un nouveau mot de passe</h1>
 
     {% if invalid %}
     <div class="notification is-danger">Ce lien de réinitialisation est invalide ou a expiré.</div>