Update README.md

README.md

@@ -7,10 +7,52 @@ sdk: static
 pinned: false
 ---
 
-## Mistral Hack-a-ton 2026
+<div align="center">
 
-Build with TRL, Jobs, or both to win a Reachy Mini in Mistral Hack-a-ton 2026! 
+<div style="background:#FF6F2C;border-radius:12px;padding:32px 28px 24px;margin-bottom:8px;position:relative;overflow:hidden;">
 
-- [Jobs Documentation](https://huggingface.co/docs/hub/en/jobs)
-- [TRL Documentation](https://huggingface.co/docs/trl/en/index)
-- [Leave your feedback here](https://huggingface.co/spaces/mistral-hackaton-2026/README/discussions/1)
+<div style="position:absolute;inset:0;opacity:0.15;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);gap:3px;padding:3px;pointer-events:none;">
+<div style="background:#fff;border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div>
+<div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div>
+<div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="background:#fff;border-radius:2px"></div><div style="border-radius:2px"></div>
+</div>
+
+<div style="display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;position:relative;">
+  <div style="display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);border-radius:8px;padding:6px 12px;">
+    <img src="https://raw.githubusercontent.com/lobehub/lobe-icons/refs/heads/master/packages/static-png/dark/huggingface-color.png" width="20" height="20" style="border-radius:4px;" />
+    <span style="color:#fff;font-weight:600;font-size:13px;">Hugging Face</span>
+  </div>
+  <span style="color:rgba(255,255,255,0.5);font-size:14px;font-weight:500;">×</span>
+  <div style="display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.2);border-radius:8px;padding:6px 12px;">
+    <img src="https://assets.streamlinehq.com/image/private/w_300,h_300,ar_1/f_auto/v1/icons/4/mistral-ai-icon-3djkpjyks645ah3bg6zbxo.png/mistral-ai-icon-72wf09t6yllwqfky4jm3ql.png?_a=DATAiZAAZAA0" width="20" height="20" style="border-radius:4px;" />
+    <span style="color:#fff;font-weight:600;font-size:13px;">Mistral AI</span>
+  </div>
+</div>
+
+<div style="position:relative;">
+  <h1 style="color:#fff;font-size:28px;font-weight:800;margin:0;letter-spacing:-0.5px;line-height:1.15;">Mistral Hack-a-ton 2026</h1>
+</div>
+
+</div>
+
+<div style="padding:4px 4px 0;">
+
+<p style="font-size:15px;color:#374151;margin:16px 0 20px;">
+  Build with <strong>TRL</strong>, <strong>Jobs</strong>, or both to win a <strong>Reachy Mini</strong>! 🤖
+</p>
+
+<a href="https://huggingface.co/docs/hub/en/jobs" style="display:flex;align-items:center;gap:10px;padding:12px 16px;background:#F9F8F5;border:1px solid #E5E3DC;border-radius:8px;text-decoration:none;color:#111;font-size:14px;font-weight:500;margin-bottom:8px;">
+  ⚙️&nbsp;&nbsp;Jobs Documentation&nbsp;&nbsp;<span style="margin-left:auto;color:#FF6F2C;">→</span>
+</a>
+
+<a href="https://huggingface.co/docs/trl/en/index" style="display:flex;align-items:center;gap:10px;padding:12px 16px;background:#F9F8F5;border:1px solid #E5E3DC;border-radius:8px;text-decoration:none;color:#111;font-size:14px;font-weight:500;margin-bottom:8px;">
+  📖&nbsp;&nbsp;TRL Documentation&nbsp;&nbsp;<span style="margin-left:auto;color:#FF6F2C;">→</span>
+</a>
+
+<a href="https://huggingface.co/spaces/mistral-hackaton-2026/README/discussions/1" style="display:flex;align-items:center;gap:10px;padding:12px 16px;background:#F9F8F5;border:1px solid #E5E3DC;border-radius:8px;text-decoration:none;color:#111;font-size:14px;font-weight:500;margin-bottom:8px;">
+  💬&nbsp;&nbsp;Leave your feedback&nbsp;&nbsp;<span style="margin-left:auto;color:#FF6F2C;">→</span>
+</a>
+
+</div>
+
+</div>