Fix magazine link and improve logo visibility and typography

Co-authored-by: NekshaDeSilva <102156620+NekshaDeSilva@users.noreply.github.com>

Author: Copilot

index.html

@@ -113,7 +113,7 @@ <h4 style="margin-top: 1.5rem; margin-bottom: 0.5rem;">What You'll Find:</h4>
                         </ul>
 
                         <div style="margin-top: 1.5rem;">
-                            <a href="https://openrocketsmag.com" target="_blank" class="btn-professional">Visit Magazine</a>
+                            <a href="https://mag.openrockets.com" target="_blank" class="btn-professional">Visit Magazine</a>
                         </div>
                     </div>
                 </div>
@@ -235,7 +235,7 @@ <h4>Community</h4>
                     <ul>
                         <li><a href="https://github.com/OpenRockets">GitHub</a></li>
                         <li><a href="https://bit.ly/openrockets-discord">Discord</a></li>
-                        <li><a href="https://openrocketsmag.com">Magazine</a></li>
+                        <li><a href="https://mag.openrockets.com">Magazine</a></li>
                         <li><a href="join.html">Join Us</a></li>
                     </ul>
                 </div>

styles/professional.css

@@ -1,7 +1,7 @@
 /* OpenRockets - Professional Linux Foundation-Inspired Design */
 /* Professional, clean, and enterprise-focused design system */
 
-@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
 
 :root {
     /* Professional Color Palette - Inspired by Linux Foundation */
@@ -17,9 +17,10 @@
     --text-secondary: #666666;
     --border-color: #d0d0d0;
 
-    /* Typography - Professional IBM Plex family */
-    --font-primary: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
+    /* Typography - Modern distinctive fonts */
+    --font-primary: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
 
     /* Spacing - Consistent and professional */
     --space-xs: 0.5rem;
@@ -127,6 +128,7 @@ a:hover {
 .nav-logo img {
     height: 40px;
     width: auto;
+    filter: invert(1) brightness(0.2);
 }
 
 .nav-links {
@@ -306,6 +308,9 @@ a:hover {
     width: 100%;
     border-radius: var(--border-radius);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    filter: invert(1) brightness(0.2);
+    background: var(--neutral-white);
+    padding: 1rem;
 }
 
 /* Stats Section */