diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 82467c1..638cf9a 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -2,7 +2,7 @@ import { createFileRoute, Link } from "@tanstack/react-router";
 import { Flame, ChevronRight } from "lucide-react";
 import { EventoCard, linkPerEvento } from "@/components/crapp/EventoCard";
 import { PromemoriaPalloni } from "@/components/crapp/PromemoriaPalloni";
-import { Card, LinkProfilo, Section, StatTile } from "@/components/crapp/ui-bits";
+import { Card, LinkProfilo, Section, StatTile, TeamLogo } from "@/components/crapp/ui-bits";
 import { CompletaProfilo } from "@/components/crapp/ProfiloAmministrativo";
 import { Reveal } from "@/components/motion/Reveal";
 import { Barra } from "@/components/motion/Barra";
@@ -66,11 +66,17 @@ function Index() {
     <>
       <Reveal as="section" className="bg-hero px-5 pb-10 pt-7 text-primary-foreground">
         <div className="grid grid-cols-[minmax(0,1fr)_auto] items-center gap-4">
-          <div className="min-w-0">
-            <p className="text-xs font-semibold uppercase tracking-[0.2em] text-primary-foreground/80">
-              Ciao {giocatore.nome.split(" ")[0]}
-            </p>
-            <h1 className="font-display-lg text-4xl uppercase leading-none">CRAP Volley</h1>
+          <div className="flex min-w-0 items-center gap-3">
+            <TeamLogo
+              src="/logo-nerorosso.svg"
+              className="h-14 w-14 rounded-full shadow-pop ring-2 ring-primary-foreground/25"
+            />
+            <div className="min-w-0">
+              <p className="text-xs font-semibold uppercase tracking-[0.2em] text-primary-foreground/80">
+                Ciao {giocatore.nome.split(" ")[0]}
+              </p>
+              <h1 className="font-display-lg text-4xl uppercase leading-none">CRAP Volley</h1>
+            </div>
           </div>
           <LinkProfilo />
         </div>
diff --git a/src/styles.css b/src/styles.css
index f3141e0..ce096c6 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -125,13 +125,15 @@
   /* Il focus non è una selezione: viene dal neutro, non dall'accento. */
   --ring: oklch(0.35 0.03 265);
   /* Luminosità scelte perché il testo bianco sopra superi 4.5:1 (WCAG AA). */
-  --success: oklch(0.53 0.16 152);
+  /* Compleanni / successi: verde un po' più chiaro e saturo. */
+  --success: oklch(0.60 0.17 152);
   --success-foreground: oklch(0.99 0 0);
   --warning: oklch(0.78 0.15 78);
   --warning-foreground: oklch(0.18 0.02 60);
   --info: oklch(0.54 0.13 245);
   --info-foreground: oklch(0.99 0 0);
-  --training: oklch(0.53 0.2 245);
+  /* Allenamenti: blu acceso (più chiaro del blu navy, più saturo dell'azzurro). */
+  --training: oklch(0.62 0.18 250);
   --training-foreground: oklch(0.99 0 0);
   /* Metalli: la variante chiara va su sfondi e bordi, la `-testo` sul testo
      (la chiara sta sotto 2.5:1 su bianco ed è illeggibile). */