Refonte du design : moderne + responsive, thème clair/sombre, maj compétences

- Vraie structure HTML5 (doctype, head, meta viewport) via le header commun
- CSS réécrit avec variables, police Inter, header sticky, menu burger mobile
- Thème clair/sombre avec bouton dans la navbar (mémorisé en localStorage)
- Hero sur l'accueil, page compétences en cartes alignée sur le CV (+ Ansible)
- Correction des balises body/main dupliquées sur contact, login et cgu

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

pages/home.php

@@ -3,6 +3,8 @@
 // Page Home PortFolio Esteban
 // Cette page servira de page d'accueil où nous pourrons y retrouver une redirection vers les différents projets, espace de connexion, form de contact, etc...
 
+// Titre de l'onglet
+$pageTitle = 'Accueil';
 
 // Insertion du header
 require_once('./../elements/header.php');
@@ -19,6 +21,20 @@ require_once('./../elements/header.php');
     (Ctrl + F5 ou Cmd + Shift + R) pour voir les dernières modifications.
 </p>
 
+<!-- Section hero : présentation rapide -->
+<section class="hero">
+    <span class="hero-badge"><i class="fa-solid fa-graduation-cap"></i> Étudiant en informatique</span>
+    <h1>Salut, moi c'est <span class="accent">Esteban</span></h1>
+    <p>
+        Passionné par les systèmes, les réseaux et le développement web.
+        Découvre mes projets, mes expériences professionnelles et mes compétences.
+    </p>
+    <div class="hero-actions">
+        <a href="../pages/projects.php" class="btn btn-primary"><i class="fa-solid fa-folder-open"></i> Voir mes projets</a>
+        <a href="../pages/contact.php" class="btn btn-ghost"><i class="fa-solid fa-paper-plane"></i> Me contacter</a>
+    </div>
+</section>
+
 <!-- Section d'exploration rapide -->
 <section class="quick-links-section">
     <div class="quick-links-header">
@@ -50,7 +66,7 @@ require_once('./../elements/header.php');
             </div>
             <h3>Compétences</h3>
             <!-- Page où il y aura toutes mes compétences -->
-            <p>PAS ENCORE DEV</p>
+            <p>Systèmes, réseaux et développement.</p>
         </a>
 
         <a href="../pages/contact.php" class="quick-link-card">