fixing about cards

frontend/about.html

@@ -239,18 +239,17 @@
                 <div class="grid grid-cols-1 sm:grid-cols-3 gap-4">
                     <!-- Paper -->
                     <a href="https://arxiv.org/pdf/2604.03395" target="_blank"
-                      <div class="flex flex-col gap-3 p-5 rounded-xl border border-slate-200 dark:border-slate-600 bg-slate-50 dark:bg-slate-700/30">
-                          <div class="flex items-center gap-2 text-slate-700 dark:text-slate-300">
-                              <i data-lucide="file-text" class="w-5 h-5 shrink-0"></i>
-                              <span class="font-semibold">Paper</span>
-                          </div>
-                          <p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed flex-1">
-                              Describes the full methodology, benchmark design, and analysis behind QIMMA — including task selection, scoring, and model comparisons.
-                          </p>
-                          <span class="inline-flex items-center gap-1 text-xs text-slate-400 dark:text-slate-500 font-medium cursor-not-allowed">
-                              Read on arXiv <i data-lucide="arrow-right" class="w-3 h-3"></i>
-                          </span>
-                      </div>
+                        class="flex flex-col gap-3 p-5 rounded-xl border border-slate-200 dark:border-slate-600 bg-slate-50 dark:bg-slate-700/30 hover:border-indigo-400 dark:hover:border-indigo-500 hover:shadow-md transition-all group">
+                        <div class="flex items-center gap-2 text-slate-700 dark:text-slate-300 group-hover:text-indigo-600 dark:group-hover:text-indigo-400 transition-colors">
+                            <i data-lucide="file-text" class="w-5 h-5 shrink-0"></i>
+                            <span class="font-semibold">Paper</span>
+                        </div>
+                        <p class="text-sm text-slate-500 dark:text-slate-400 leading-relaxed flex-1">
+                            Describes the full methodology, benchmark design, and analysis behind QIMMA — including task selection, scoring, and model comparisons.
+                        </p>
+                        <span class="inline-flex items-center gap-1 text-xs text-indigo-500 dark:text-indigo-400 font-medium">
+                            Read on arXiv <i data-lucide="arrow-right" class="w-3 h-3"></i>
+                        </span>
                     </a>
 
                     <!-- Blog Post -->