feat: Premium Star on GitHub navigation button

Author: Bahae Eddine

docs/index.html

@@ -75,6 +75,12 @@
         }
         .live-dot { animation: pulse-live 2s infinite; }
 
+        @keyframes spin-slow {
+            from { transform: rotate(0deg); }
+            to { transform: rotate(360deg); }
+        }
+        .animate-spin-slow { animation: spin-slow 8s linear infinite; }
+        
         /* Force SVG compliance to prevent cropping */
         #mermaid-svg { 
             width: 100% !important; 
@@ -101,7 +107,9 @@
                 <a href="#architecture" class="hover:text-white transition-colors">Architecture</a>
                 <a href="#roadmap" class="hover:text-white transition-colors">Roadmap</a>
                 <a href="#downloads" class="hover:text-white transition-colors">Downloads</a>
-                <a href="https://github.com/halimbahae/toubkal_os" target="_blank" class="hover:text-indigo-400 flex items-center">
+                <a href="https://github.com/halimbahae/toubkal_os" target="_blank" class="px-5 py-2 glass rounded-full text-indigo-100 hover:bg-white/10 transition-colors flex items-center group">
+                    <i data-lucide="star" class="w-4 h-4 mr-2 text-yellow-400 group-hover:animate-spin-slow"></i>
+                    <span class="mr-2">Star on</span>
                     <i data-lucide="github" class="w-4 h-4 mr-1"></i> GitHub
                 </a>
             </div>