Fond de connexion : couleurs nettement plus vives + fix cache navigateur

- Fond génératif beaucoup plus lumineux et coloré (base par scène,
  taches plus grandes/saturées, scrim réduit à un dégradé directionnel
  léger côté texte) - le premier essai était encore jugé trop sombre/
  invisible par l'utilisateur.
- Cause réelle du "rien n'a changé" : le Caddyfile ne fixait aucun
  Cache-Control, donc le navigateur appliquait sa propre heuristique et
  gardait l'ancien index.html en cache après un déploiement. Corrigé
  sur le serveur (Caddyfile) et documenté dans
  tripoli-edge/deploy/Caddyfile.snippet : `no-cache` sur index.html
  (revalidation à chaque chargement), cache long `immutable` sur
  /assets/* (noms hachés par Vite, donc sans risque).

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

app/src/components/auth/AuthBackground.tsx

@@ -5,17 +5,17 @@ export function AuthBackground() {
   const activeIndex = useBackgroundCrossfade();
 
   return (
-    <div className="absolute inset-0 overflow-hidden bg-[#07080c]">
+    <div className="absolute inset-0 overflow-hidden bg-[#120f24]">
       {BACKGROUND_SCENES.map((scene, i) => (
         <div
           key={scene.id}
           className="absolute inset-0 transition-opacity duration-[2400ms] ease-in-out"
-          style={{ opacity: i === activeIndex ? 1 : 0 }}
+          style={{ opacity: i === activeIndex ? 1 : 0, background: scene.base }}
         >
           {scene.blobs.map((blob, bi) => (
             <div
               key={bi}
-              className="tc-drift absolute rounded-full blur-[90px]"
+              className="tc-drift absolute rounded-full blur-[80px]"
               style={{
                 top: blob.top,
                 left: blob.left,
@@ -31,18 +31,16 @@ export function AuthBackground() {
 
       {/* Grain léger : casse l'effet "dégradé plat", donne une texture
           plus organique - technique courante sur les fonds génératifs. */}
-      <svg className="absolute inset-0 h-full w-full opacity-[0.05] mix-blend-overlay" aria-hidden="true">
+      <svg className="absolute inset-0 h-full w-full opacity-[0.06] mix-blend-overlay" aria-hidden="true">
         <filter id="tc-grain">
           <feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2" stitchTiles="stitch" />
         </filter>
         <rect width="100%" height="100%" filter="url(#tc-grain)" />
       </svg>
 
-      {/* Scrim en deux passes : un voile uniforme (garantit le contraste du
-          texte quelle que soit la position des taches de couleur) plus un
-          dégradé directionnel plus marqué côté texte. */}
-      <div className="absolute inset-0 bg-[#07080c]/48" />
-      <div className="absolute inset-0 bg-[linear-gradient(100deg,rgba(6,7,11,0.74)_0%,rgba(6,7,11,0.44)_46%,rgba(6,7,11,0.22)_100%)]" />
+      {/* Assombrit seulement côté texte (gauche) - le reste du fond reste
+          vif et visible, pas noyé sous un voile uniforme. */}
+      <div className="absolute inset-0 bg-[linear-gradient(100deg,rgba(9,7,18,0.66)_0%,rgba(9,7,18,0.28)_38%,transparent_66%)]" />
     </div>
   );
 }

app/src/components/auth/AuthLayout.tsx

@@ -4,7 +4,7 @@ import { TripoliLogo, TripoliWordmark } from '../layout/TripoliLogo';
 
 export function AuthLayout() {
   return (
-    <div className="relative min-h-screen overflow-hidden bg-[#07080c]">
+    <div className="relative min-h-screen overflow-hidden bg-[#120f24]">
       <AuthBackground />
 
       <div className="relative flex min-h-screen flex-col justify-between gap-11 p-6 sm:p-10 lg:p-[60px]">