Optimize performance metrics for Netlify site

css/accessibility-performance.css

@@ -22,7 +22,7 @@
     border-radius: 0 0 8px 0;
     box-shadow: 0 4px 12px rgba(22, 225, 255, 0.5);
     transition: left 0.3s ease;
-    font-family: 'Rajdhani', sans-serif;
+    font-family: 'Rajdhani', 'Rajdhani Fallback', sans-serif;
     font-size: 16px;
 }
 
@@ -98,18 +98,6 @@ select:focus-visible {
 }
 
 /* ==================== LOADING STATES ==================== */
-/* Blur placeholder for lazy loading */
-img[loading="lazy"]:not(.loaded) {
-    filter: blur(10px);
-    transform: scale(1.02);
-    transition: filter 0.3s ease-out, transform 0.3s ease-out;
-}
-
-img.loaded {
-    filter: none;
-    transform: scale(1);
-}
-
 /* Skeleton loading animation */
 @keyframes skeleton-loading {
     0% {
@@ -240,7 +228,7 @@ img.loaded {
 .keyboard-shortcuts-help h3 {
     color: var(--primary-cyan, #16e1ff);
     margin-bottom: 1.5rem;
-    font-family: 'Orbitron', sans-serif;
+    font-family: 'Orbitron', 'Orbitron Fallback', sans-serif;
 }
 
 .keyboard-shortcuts-help dl {

css/auth-message.css

@@ -2,7 +2,7 @@
     margin: 15px 0;
     padding: 12px 15px;
     border-radius: 8px;
-    font-family: 'Rajdhani', sans-serif;
+    font-family: 'Rajdhani', 'Rajdhani Fallback', sans-serif;
     font-weight: 600;
     animation: messageSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     transition: all 0.3s ease;
@@ -16,7 +16,7 @@
     right: 20px;
     padding: 15px 25px;
     border-radius: 12px;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 1px;
@@ -112,14 +112,14 @@
     z-index: 10000;
     transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
     backdrop-filter: blur(10px);
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
 }
 .gr-password-change-toast.visible { right: 20px; }
 .gr-toast-inner { display: flex; align-items: flex-start; padding: 1rem; gap: 0.75rem; }
 .gr-toast-icon { font-size: 1.5rem; flex-shrink: 0; }
 .gr-toast-body { flex: 1; color: #00ff58; }
 .gr-toast-body strong { font-size: 0.9rem; display: block; margin-bottom: 0.25rem; text-shadow: 0 0 10px rgba(0,255,88,0.5); }
-.gr-toast-body p { font-family: 'Rajdhani', sans-serif; font-size: 0.85rem; margin: 0; opacity: 0.9; }
+.gr-toast-body p { font-family: 'Rajdhani', 'Rajdhani Fallback', sans-serif; font-size: 0.85rem; margin: 0; opacity: 0.9; }
 .gr-toast-close {
     background: none; border: none; color: #00ff58; font-size: 1.2rem;
     cursor: pointer; padding: 0; width: 20px; height: 20px;

css/contact-styles.css

@@ -312,7 +312,7 @@
     border-radius: 8px;
     padding: 0.5rem 0.75rem;
     color: var(--white);
-    font-family: 'Rajdhani', sans-serif;
+    font-family: 'Rajdhani', 'Rajdhani Fallback', sans-serif;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
@@ -516,7 +516,7 @@
     border: 1px solid rgba(0, 255, 249, 0.3);
     border-radius: 8px;
     color: var(--white);
-    font-family: 'Rajdhani', sans-serif;
+    font-family: 'Rajdhani', 'Rajdhani Fallback', sans-serif;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;

css/developer-dashboard.css

@@ -14,7 +14,7 @@
 }
 
 .dashboard-header h1 {
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 2.5rem;
     background: linear-gradient(90deg, #00fff9, #008cff);
     -webkit-background-clip: text;
@@ -46,7 +46,7 @@
     padding: 12px 24px;
     border-radius: 8px;
     cursor: pointer;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 0.9rem;
     font-weight: 600;
     text-transform: uppercase;
@@ -109,7 +109,7 @@
 .stat-value {
     font-size: 2.5rem;
     font-weight: 900;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     color: #00fff9;
     margin: 0;
     line-height: 1;
@@ -160,7 +160,7 @@
 }
 
 .chart-title {
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 1.2rem;
     color: #00fff9;
     margin: 0 0 20px;
@@ -210,7 +210,7 @@
 }
 
 .game-title {
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 1.1rem;
     color: #00fff9;
     margin: 0 0 8px;
@@ -280,7 +280,7 @@
     text-transform: uppercase;
     letter-spacing: 0.5px;
     transition: all 0.3s ease;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     text-decoration: none;
     display: inline-block;
     text-align: center;
@@ -334,7 +334,7 @@
 }
 
 .empty-state h3 {
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     color: #00fff9;
     margin-bottom: 15px;
 }
@@ -423,7 +423,7 @@
 }
 
 .auth-required h2 {
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     color: #00fff9;
     margin-bottom: 15px;
 }
@@ -453,7 +453,7 @@
     font-size: 1.8rem;
     font-weight: 700;
     color: #00fff9;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
 }
 
 .analytics-label {
@@ -490,7 +490,7 @@
 .submission-info h4 {
     color: #00fff9;
     margin: 0 0 5px;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
 }
 
 .submission-meta {
@@ -509,7 +509,7 @@
 
 .settings-section h3 {
     color: #00fff9;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     margin: 0 0 15px;
     text-transform: uppercase;
     letter-spacing: 1px;
@@ -652,7 +652,7 @@ mission Modal */
 
 .submission-modal .modal-header h3 {
     color: #00fff9;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     margin: 0;
     font-size: 1.2rem;
 }
@@ -710,7 +710,7 @@ mission Modal */
     font-weight: 600;
     z-index: 10001;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     font-size: 0.9rem;
     text-transform: uppercase;
     letter-spacing: 1px;
@@ -742,7 +742,7 @@ mission Modal */
 
 .settings-section h3 {
     color: #00fff9;
-    font-family: 'Orbitron', monospace;
+    font-family: 'Orbitron', 'Orbitron Fallback', monospace;
     margin: 0 0 15px;
     text-transform: uppercase;
     letter-spacing: 1px;

css/newsletter-custom-styles.css

@@ -11,7 +11,7 @@
 /* Heading */
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4 {
   color: #00fff9 !important;
-  font-family: 'Orbitron', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', 'Open Sans', Arial, sans-serif !important;
   font-size: 2rem !important;
   font-weight: 700 !important;
   text-shadow: 0 0 20px rgba(0, 255, 249, 0.5) !important;
@@ -21,7 +21,7 @@
 /* Description text */
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p {
   color: #b8d4d8 !important;
-  font-family: 'Rajdhani', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Rajdhani', 'Rajdhani Fallback', 'Open Sans', Arial, sans-serif !important;
   font-size: 1rem !important;
   line-height: 1.6 !important;
 }
@@ -33,7 +33,7 @@
   color: #ffffff !important;
   border: 1px solid rgba(0, 255, 249, 0.3) !important;
   border-radius: 8px !important;
-  font-family: 'Rajdhani', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Rajdhani', 'Rajdhani Fallback', 'Open Sans', Arial, sans-serif !important;
   transition: all 0.3s ease !important;
 }
 
@@ -53,7 +53,7 @@
 /* Labels */
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-block-form .ml-field-group label {
   color: #00fff9 !important;
-  font-family: 'Orbitron', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', 'Open Sans', Arial, sans-serif !important;
   font-size: 0.9rem !important;
   font-weight: 600 !important;
 }
@@ -65,7 +65,7 @@
   color: #0a0e1a !important;
   border: none !important;
   border-radius: 8px !important;
-  font-family: 'Orbitron', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', 'Open Sans', Arial, sans-serif !important;
   font-weight: 700 !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
@@ -84,7 +84,7 @@
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description,
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsOptionsCheckbox .label-description {
   color: #b8d4d8 !important;
-  font-family: 'Rajdhani', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Rajdhani', 'Rajdhani Fallback', 'Open Sans', Arial, sans-serif !important;
 }
 
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow .label-description::before,
@@ -117,7 +117,7 @@
 /* Marketing permissions heading */
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedPermissions .ml-form-embedPermissionsContent h4 {
   color: #00fff9 !important;
-  font-family: 'Orbitron', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', 'Open Sans', Arial, sans-serif !important;
   font-size: 1.1rem !important;
 }
 
@@ -142,7 +142,7 @@
 /* Success message */
 #mlb2-31687852.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
   color: #00ff41 !important;
-  font-family: 'Orbitron', 'Open Sans', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', 'Open Sans', Arial, sans-serif !important;
   text-shadow: 0 0 20px rgba(0, 255, 65, 0.5) !important;
 }
 

css/newsletter-embed.css

@@ -23,7 +23,7 @@
   padding: 10px 12px !important;
   color: #d7e5e8 !important;
   font-size: 0.8rem !important;
-  font-family: 'Rajdhani', Arial, sans-serif !important;
+  font-family: 'Rajdhani', 'Rajdhani Fallback', Arial, sans-serif !important;
   margin-bottom: 8px !important;
   transition: all 0.3s ease !important;
   box-sizing: border-box !important;
@@ -52,7 +52,7 @@
   color: #02141c !important;
   cursor: pointer !important;
   text-transform: uppercase !important;
-  font-family: 'Orbitron', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', Arial, sans-serif !important;
   transition: all 0.3s ease !important;
   box-sizing: border-box !important;
 }
@@ -71,7 +71,7 @@
 .ml-embedded .ml-form-checkboxRow label {
   color: #c3d2d6 !important;
   font-size: 0.7rem !important;
-  font-family: 'Rajdhani', Arial, sans-serif !important;
+  font-family: 'Rajdhani', 'Rajdhani Fallback', Arial, sans-serif !important;
 }
 
 /* Privacy policy link */
@@ -87,7 +87,7 @@
 /* Success message */
 .ml-embedded .ml-form-successBody h4 {
   color: #00ff41 !important;
-  font-family: 'Orbitron', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', Arial, sans-serif !important;
   font-size: 1rem !important;
   text-shadow: 0 0 10px rgba(0, 255, 65, 0.5) !important;
 }
@@ -118,7 +118,7 @@
   color: #7edcf0 !important;
   font-size: 0.75rem !important;
   font-weight: 600 !important;
-  font-family: 'Orbitron', Arial, sans-serif !important;
+  font-family: 'Orbitron', 'Orbitron Fallback', Arial, sans-serif !important;
   margin-bottom: 6px !important;
   display: block !important;
 }