<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <!-- يُسجَّل مبكراً: فشل تحميل /assets أو الـ chunks يظهر صفحة رمادية/بيضاء بدون أي رسالة -->
    <script>
      (function () {
        function showAssetError(detail) {
          var r = document.getElementById('root');
          if (!r || r.getAttribute('data-boot-error') === '1') return;
          r.setAttribute('data-boot-error', '1');
          r.innerHTML =
            '<div style="min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:28px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a;text-align:center">' +
            '<div style="max-width:560px">' +
            '<p style="font-size:18px;font-weight:700;margin:0 0 12px">تعذّر تحميل التطبيق</p>' +
            '<p style="color:#475569;line-height:1.65;margin:0 0 16px;font-size:15px">' +
            (detail || 'تحقق من أن ملفات JavaScript تُحمَّل من نفس مجلد الصفحة (حالة 200 في Network).') +
            '</p>' +
            '<p style="color:#64748b;font-size:14px;line-height:1.6;margin:0">' +
            'إذا كان الرابط يحتوي مجلداً فرعياً (مثل <code style="background:#e2e8f0;padding:2px 6px;border-radius:4px">/myapp/</code>)، عيّن <code style="background:#e2e8f0;padding:2px 6px;border-radius:4px">VITE_APP_BASE</code> في <code style="background:#e2e8f0;padding:2px 6px;border-radius:4px">.env.production</code> ثم أعد <code style="background:#e2e8f0;padding:2px 6px;border-radius:4px">npm run build</code>.' +
            '</p>' +
            '<p style="color:#94a3b8;font-size:13px;margin:16px 0 0">جرّب أيضاً تحديثاً قوياً: Ctrl+Shift+R (قد يشير كاش قديم إلى ملفات assets محذوفة).</p>' +
            '</div></div>';
        }
        window.addEventListener(
          'error',
          function (e) {
            var t = e && e.target;
            if (!t || (t.tagName !== 'SCRIPT' && t.tagName !== 'LINK')) return;
            var url = t.src || t.href;
            if (!url) return;
            showAssetError('فشل تحميل: ' + url);
          },
          true
        );
        window.addEventListener('unhandledrejection', function (e) {
          var reason = e && e.reason;
          var msg = reason && (reason.message || String(reason));
          if (!msg) return;
          if (/loading chunk|Failed to fetch dynamically imported module|Importing a module script failed/i.test(msg)) {
            e.preventDefault();
            showAssetError(
              'فشل تحميل جزء من التطبيق (غالباً كاش قديم أو مسار خاطئ). الرسالة: ' + msg
            );
          }
        });
      })();
    </script>
    <link rel="icon" type="image/svg+xml" href="/falogo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Future Science - Fun After School Programs Ages 3–11</title>
    <meta name="description" content="Join Future Science for engaging after-school programs. Hands-on science activities for children aged 3-11. Fun, educational, and interactive learning." />
    <meta name="keywords" content="after school programs, science for kids, educational activities, future science, hands-on learning" />
    <meta property="og:title" content="Future Science - After School Programs" />
    <meta property="og:description" content="Engaging hands-on science activities for children aged 3-11." />
    <meta property="og:image" content="/falogo.png" />
    <meta property="og:type" content="website" />
    <!-- عرض أولي بسيط قبل اكتمال JS/CSS (يقلّل ظهور صفحة بلا تنسيق) -->
    <style>
      html { background-color: #f8fafc; }
      body {
        margin: 0;
        min-height: 100vh;
        background-color: #f8fafc;
        color: #0f172a;
        font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
        -webkit-font-smoothing: antialiased;
      }
      #root { min-height: 100vh; }
    </style>
    <link rel="preconnect" href="https://www.google.com" crossorigin />
    <link rel="preconnect" href="https://i.ytimg.com" crossorigin />
    <script type="module" crossorigin src="/assets/index-zP0ik_iJ.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-B042KarA.js">
    <link rel="stylesheet" crossorigin href="/assets/style-Co0fzTyP.css">
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>
