<!doctype html>
<html lang="ar" dir="rtl">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MedPal | نظامك الذكي لإتقان الطب</title>
  <meta name="description"
    content="MedPal منصة تعليم طبي ذكية ومجانية بالكامل لطلاب الطب في مصر والوطن العربي: بنك أسئلة شامل، فلاش كاردس ذكية، امتحانات تفاعلية، مراجعة الأخطاء، تحليلات أداء، واتحادات وتحديات طبية." />
  <meta name="author" content="MedPal Team" />
  <meta name="keywords"
    content="MedPal, ميدبال, تعليم طبي, منصة طلاب الطب, بنك أسئلة طبية, فلاش كاردس, امتحانات طبية, مراجعة الأخطاء, MCQ, ليدربورد طبي, اتحادات طبية, مجانية, طب مصر, medical education, medical students, medical quiz" />
  <meta name="theme-color" content="#3B82F6" />
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="application-name" content="MedPal" />
  <meta name="mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-title" content="MedPal" />
  <meta name="apple-mobile-web-app-status-bar-style" content="default" />
  <link rel="canonical" href="https://medpaledu.com/" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="ar" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="ar-EG" />
  <link rel="alternate" href="https://medpaledu.com/" hreflang="x-default" />

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-3D5ZV9VRW0"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-3D5ZV9VRW0');
  </script>

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://medpaledu.com/" />
  <meta property="og:title" content="MedPal | نظامك الذكي لإتقان الطب" />
  <meta property="og:description"
    content="منصة تعليم طبي مجانية بالكامل: بنك أسئلة، فلاش كاردس، امتحانات تفاعلية، تحليلات أداء، وتحديات تساعدك تتقدم يوميًا." />
  <meta property="og:image" content="https://medpaledu.com/logos/default.png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />
  <meta property="og:image:alt" content="MedPal منصة التعليم الطبي" />
  <meta property="og:locale" content="ar_EG" />
  <meta property="og:site_name" content="MedPal" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:url" content="https://medpaledu.com/" />
  <meta name="twitter:title" content="MedPal | نظامك الذكي لإتقان الطب" />
  <meta name="twitter:description"
    content="تعلم طب بذكاء مجانًا: بنك أسئلة شامل، فلاش كاردس، تحليلات أداء، ومنافسة تعليمية تفاعلية." />
  <meta name="twitter:image" content="https://medpaledu.com/logos/default.png" />

  <!-- Favicons -->
  <link rel="icon" type="image/png" href="/logos/default.png" />
  <link rel="apple-touch-icon" href="/logos/default.png" />

  <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">

  <script>
    window.onerror = function (msg, url, lineNo, columnNo, error) {
      if (msg.includes('ResizeObserver')) return false;
      console.error('Global Error:', msg, url, lineNo, error);

      // Critical: If we crash, kill the Service Worker to prevent cache loops
      if (navigator.serviceWorker) {
        navigator.serviceWorker.getRegistrations().then(function (registrations) {
          for (let registration of registrations) {
            registration.unregister();
          }
        });
      }
      return false;
    };

    window.onunhandledrejection = function (event) {
      console.error('Unhandled Rejection:', event.reason);
    };
  </script>

  <!-- Structured Data -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "EducationalOrganization",
          "@id": "https://medpaledu.com/#organization",
          "name": "MedPal",
          "url": "https://medpaledu.com/",
          "logo": "https://medpaledu.com/logos/default.png",
          "description": "منصة تعليم طبي ذكية ومجانية بالكامل لطلاب الطب في مصر والوطن العربي.",
          "areaServed": [
            { "@type": "Country", "name": "Egypt" },
            { "@type": "Country", "name": "Saudi Arabia" }
          ]
        },
        {
          "@type": "WebSite",
          "@id": "https://medpaledu.com/#website",
          "url": "https://medpaledu.com/",
          "name": "MedPal",
          "inLanguage": "ar",
          "publisher": { "@id": "https://medpaledu.com/#organization" }
        },
        {
          "@type": "SoftwareApplication",
          "name": "MedPal",
          "applicationCategory": "EducationalApplication",
          "operatingSystem": "Web",
          "url": "https://medpaledu.com/",
          "description": "منصة تعليم طبي تشمل بنك أسئلة، فلاش كاردس، مراجعة أخطاء، تحديات، وتحليلات أداء.",
          "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD"
          },
          "publisher": { "@id": "https://medpaledu.com/#organization" }
        }
      ]
    }
  </script>


  <script type="module" crossorigin src="/assets/index-C8MAh3VV.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/vendor-core-ZE8gBGBa.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-ui-8DTJr29k.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-utils-CfxZOOPy.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-charts-CERYF8Yi.js">
  <link rel="modulepreload" crossorigin href="/assets/vendor-icons-BWd26LtO.js">
  <link rel="stylesheet" crossorigin href="/assets/index-CG764bVU.css">
</head>

<body>
  <div id="root">
    <!-- Smart Loading Screen - يظهر فقط عند التحديثات -->
    <div id="app-loading-screen"
      style="display: none; opacity: 0; position: fixed; inset: 0; flex-direction: column; align-items: center; justify-content: center; background: white; font-family: Cairo, sans-serif; z-index: 9999; transition: opacity 0.3s ease;">
      <div style="text-align: center;">
        <!-- Logo بيلف -->
        <img src="/logos/default.png" alt="MedPal"
          style="width: 100px; height: 100px; margin-bottom: 24px; animation: spin 2s linear infinite;" />
        <h2 style="font-size: 24px; font-weight: bold; color: #1f2937; margin-bottom: 12px;">MedPal</h2>
        <p class="loading-message" style="font-size: 16px; color: #6b7280;">جاري التحديث...</p>
      </div>
    </div>
    <style>
      @keyframes spin {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(360deg);
        }
      }
    </style>
  </div>

  <!-- Fallback if JS fails to load -->
  <noscript>
    <div
      style="display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px; text-align: center; font-family: Cairo, sans-serif; direction: rtl;">
      <div style="max-width: 500px;">
        <h1 style="font-size: 32px; color: #dc2626; margin-bottom: 16px;">يجب تفعيل JavaScript</h1>
        <p style="font-size: 18px; color: #6b7280;">لتشغيل MedPal، يرجى تفعيل JavaScript في متصفحك.</p>
      </div>
    </div>
  </noscript>
</body>

</html>