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

This commit is contained in:
Hamza-Ayed
2026-08-27 03:15:43 +03:00
parent c7db799fa8
commit 261796fcab
4 changed files with 463 additions and 155 deletions
+10 -3
View File
@@ -13,10 +13,10 @@ class StudentPortal
<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">
<!-- Pure Self-Contained Luxury CSS (Zero External CDN Dependency) -->
<style>
@@ -38,7 +38,14 @@ class StudentPortal
--accent-purple: #A78BFA;
}
* { 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);