feat: Full Apple Cupertino design revolution, SF Pro/Alexandria font stack, fixed grid layout, and luxury glassmorphic UI across all portals

backend/app/Views/MilitaryCulturePitch.php

@@ -13,10 +13,10 @@ class MilitaryCulturePitch
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>المبادرة الاستراتيجية لتمكين مدارس مديرية الثقافة العسكرية — منصة صَقِل</title>
-    <!-- Google Fonts: Cairo -->
+    <!-- Apple SF Pro & Alexandria Arabic Web Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
 
     <!-- Executive Enterprise Luxury CSS -->
     <style>
@@ -36,7 +36,14 @@ class MilitaryCulturePitch
             --blue-accent: #3B82F6;
         }
 
-        * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Cairo', system-ui, -apple-system, sans-serif; }
+        * {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+            font-family: -apple-system, BlinkMacSystemFont, "Alexandria", "SF Pro Display", "SF Pro Text", "SF Arabic", "Segoe UI", Roboto, sans-serif;
+            -webkit-font-smoothing: antialiased;
+            -moz-osx-font-smoothing: grayscale;
+        }
 
         body {
             background-color: var(--bg-dark);