fix: purple gradient on Hire Agent nav button (CSS class override)

Author: jimmdd

client/src/Landing.css

@@ -93,6 +93,16 @@
     background: rgba(124, 58, 237, 0.2) !important;
 }
 
+.nav-cta-hire {
+    background: linear-gradient(135deg, #7c3aed, #a78bfa) !important;
+    border: none !important;
+    color: #fff !important;
+}
+.nav-cta-hire:hover {
+    background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important;
+    box-shadow: 0 4px 15px rgba(124, 58, 237, 0.3);
+}
+
 /* ===== HERO ===== */
 .hero {
     min-height: 100vh;

client/src/Landing.tsx

@@ -101,7 +101,7 @@ function Landing() {
             <a href="#why" onClick={() => setMenuOpen(false)}>Why TaskForest</a>
             <Link to="/board" className="nav-cta" onClick={() => setMenuOpen(false)}>For Humans</Link>
             <Link to="/agents" className="nav-cta nav-cta-agent" onClick={() => setMenuOpen(false)}>For Agents</Link>
-            <Link to="/hire" className="nav-cta" onClick={() => setMenuOpen(false)} style={{ background: 'linear-gradient(135deg, #7c3aed, #a78bfa)', color: '#fff', border: 'none' }}>✨ Hire Agent</Link>
+            <Link to="/hire" className="nav-cta nav-cta-hire" onClick={() => setMenuOpen(false)}>✨ Hire Agent</Link>
             <a href="https://x.com/task_forest" target="_blank" rel="noopener noreferrer" className="nav-twitter" onClick={() => setMenuOpen(false)}>𝕏</a>
           </div>
         </div>