mauriui.github.io/index.html at main · MauriUI/mauriui.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474

<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<meta name="theme-color" content="#006233">
<meta name="color-scheme" content="dark">

<!-- Primary SEO Meta Tags -->
<title>BAC MR 🇲🇷 | الأرشيف الشامل للباكالوريا الموريتانية 2010 - 2026</title>
<meta name="description" content="المنصة رقم 1 لتحميل امتحانات الباكالوريا الموريتانية (BAC) للشعب العلمية C و D. أرشيف كامل من 2010 إلى 2026، مواضيع مصححة، وحاسبة معدل ذكية. تحميل مجاني PDF.">
<meta name="keywords" content="bac mr, bac mauritanie, bac 2026, باكالوريا موريتانيا, امتحانات الباكالوريا, بكالوريا 2026, bac c 2026, bac d 2026, bac c, bac d, sujets bac, sujets corrigés, تحميل امتحانات, arabe bac, physique chimie bac, mathematiques bac, sciences naturelles bac, bac mauritanie archive, bac mauritania, bac sciences mauritanie, bac sujet, corrigé bac, امتحانات وطنية موريتانيا, bac maroc, bac algérie, bac tunisie, baccalauréat mauritanie, bac mauritanie 2025, bac mauritanie 2024, bac sujet 2023, bac sujet 2022, bac sujet 2021, bac sujet 2020, bac sujet 2019, bac sujet 2018, bac sujet 2017, bac sujet 2016, bac sujet 2015, bac sujet 2014, bac sujet 2013, bac sujet 2012, bac sujet 2011, bac sujet 2010, bac mr, باكلوريا موريتانيا, bac mauritania, bac science, bac math, bac physique, bac chimie, bac sv, حاسبة معدل الباكالوريا">
<meta name="author" content="BAC MAURITANIE">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
<meta name="bingbot" content="index, follow">
<meta name="rating" content="general">
<meta name="revisit-after" content="1 days">
<meta name="language" content="Arabic">
<meta name="geo.region" content="MR">
<meta name="geo.country" content="Mauritania">
<meta name="geo.placename" content="Nouakchott">

<!-- Canonical URL -->
<link rel="canonical" href="https://bac-mr.com/">

<!-- Open Graph / Facebook -->
<meta property="og:locale" content="ar_MR">
<meta property="og:type" content="website">
<meta property="og:title" content="BAC MR 🇲🇷 | الأرشيف الكامل للباكالوريا الموريتانية 2010 - 2026">
<meta property="og:description" content="المنصة الأقوى لتحميل امتحانات الباكالوريا الموريتانية للشعب العلمية C & D. أكثر من 500 امتحان متاح للتحميل المجاني.">
<meta property="og:url" content="https://bac-mr.com/">
<meta property="og:site_name" content="BAC MAURITANIE">
<meta property="og:image" content="https://bac-mr.com/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="BAC MAURITANIE - الأرشيف الكامل للامتحانات الوطنية">

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="BAC MR 🇲🇷 | الأرشيف الكامل للباكالوريا الموريتانية">
<meta name="twitter:description" content="المنصة الأقوى لتحميل امتحانات الباكالوريا الموريتانية للشعب العلمية C & D. أكثر من 500 امتحان متاح للتحميل المجاني.">
<meta name="twitter:image" content="https://bac-mr.com/og-image.jpg">

<!-- Favicon & App Icons (Mauritanian Flag 🇲🇷 + BAC MR) -->
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23006233' rx='18'/%3E%3Ccircle cx='50' cy='50' r='22' fill='%23FFC400'/%3E%3Ctext x='50' y='82' font-size='24' font-weight='bold' text-anchor='middle' fill='white' font-family='Arial'%3EBAC MR%3C/text%3E%3C/svg%3E">
<link rel="apple-touch-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Crect width='180' height='180' fill='%23006233' rx='40'/%3E%3Ccircle cx='90' cy='90' r='40' fill='%23FFC400'/%3E%3Ctext x='90' y='145' font-size='42' font-weight='bold' text-anchor='middle' fill='white' font-family='Arial'%3EBAC MR%3C/text%3E%3C/svg%3E">
<link rel="mask-icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' fill='%23006233'/%3E%3Ctext x='50' y='70' font-size='50' font-weight='bold' text-anchor='middle' fill='white' font-family='Arial'%3EB%3C/text%3E%3C/svg%3E" color="#006233">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="BAC MR 🇲🇷">
<meta name="application-name" content="BAC MAURITANIE">
<meta name="msapplication-TileColor" content="#006233">
<meta name="msapplication-tap-highlight" content="no">
<link rel="manifest" id="manifest-link">

<!-- Structured Data (JSON-LD) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "BAC MR",
  "alternateName": ["Bac Mauritania", "باكالوريا موريتانيا", "BAC C", "BAC D", "bac-mr.com"],
  "url": "https://bac-mr.com/",
  "description": "المنصة الأولى لتحميل امتحانات الباكالوريا الموريتانية للشعب العلمية C و D",
  "inLanguage": "ar",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://bac-mr.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "EducationalOrganization",
  "name": "BAC MAURITANIE",
  "url": "https://bac-mr.com/",
  "logo": "https://bac-mr.com/logo.png",
  "description": "أرشيف امتحانات الباكالوريا الموريتانية للشعب العلمية",
  "address": { "@type": "PostalAddress", "addressCountry": "MR" }
}
</script>

<!-- Fonts & Styles -->
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700;900&family=Montserrat:wght@900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
<style>
:root { --primary: #0ea5e9; --bg: #020617; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: 'Cairo', sans-serif; background: var(--bg); color: white; margin: 0; overflow-x: hidden; min-height: 100dvh; -webkit-tap-highlight-color: transparent; }
.glow-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 50% 50%, #0f172a 0%, #020617 100%); z-index: -1; pointer-events: none; }
.page { display: none; padding: 80px 4% 40px; min-height: 100dvh; width: 100%; max-width: 100%; }
@media (min-width: 768px) { .page { padding: 120px 5% 60px; } }
.active { display: block !important; }
.glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: clamp(16px, 4vw, 32px); transition: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); }
.branch-text { font-family: 'Montserrat', 'Cairo'; font-size: clamp(2rem, 9vw, 6.5rem); font-weight: 900; letter-spacing: -2px; line-height: 1.1; }
.year-btn { background: rgba(30, 41, 59, 0.6); padding: clamp(12px, 2.5vw, 24px); border-radius: clamp(12px, 2vw, 20px); font-weight: 900; font-family: 'Montserrat'; transition: 0.3s; border: 1px solid rgba(255,255,255,0.05); cursor: pointer; min-height: 52px; display: flex; align-items: center; justify-content: center; user-select: none; }
.year-btn:hover { background: var(--primary); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(14, 165, 233, 0.3); }
.year-btn:active { transform: scale(0.98); }
@keyframes flowGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
.text-sky-500.cursor-pointer, h1.branch-text { background: linear-gradient(90deg, #0ea5e9, #6366f1, #a855f7, #34d399, #0ea5e9); background-size: 200% auto; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; animation: flowGradient 4s linear infinite !important; }
.countdown-container { direction: ltr; }
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0f172a; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #475569; }
.loader { border: 3px solid rgba(255,255,255,0.1); border-top: 3px solid #0ea5e9; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.install-btn-float { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 100; background: linear-gradient(135deg, #006233, #0ea5e9); backdrop-filter: blur(10px); padding: 12px 24px; border-radius: 50px; font-weight: 900; font-size: 15px; cursor: pointer; box-shadow: 0 4px 20px rgba(14, 165, 233, 0.5); animation: pulse 2s infinite; display: none; align-items: center; gap: 8px; color: #fff; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.7); } 70% { box-shadow: 0 0 0 12px rgba(14, 165, 233, 0); } 100% { box-shadow: 0 0 0 0 rgba(14, 165, 233, 0); } }
</style>
</head>
<body>
<div class="glow-bg"></div>

<!-- Navigation -->
<nav class="fixed top-0 w-full bg-slate-950/80 backdrop-blur-3xl border-b border-white/10 z-50 px-4 py-4 md:px-8 md:py-5">
  <div class="max-w-7xl mx-auto flex justify-between items-center">
    <div class="text-xl md:text-3xl font-black tracking-tighter cursor-pointer flex items-center gap-2" onclick="showPage('home')">
      <span class="text-sky-500">BAC MR</span> <span class="text-lg md:text-xl">🇲🇷</span>
    </div>
    <div class="flex items-center gap-3">
      <button onclick="showPage('contact-page')" class="bg-white/5 hover:bg-sky-500/20 border border-white/10 px-3 py-2 rounded-full transition-all text-xs md:text-sm font-bold">
        <i class="fas fa-comment-dots ml-1"></i> تواصل
      </button>
    </div>
  </div>
</nav>

<!-- Pages -->
<div id="home" class="page active text-center">
  <div class="max-w-6xl mx-auto">
    <h1 class="branch-text mb-4 md:mb-8 bg-clip-text text-transparent bg-gradient-to-b from-white to-slate-500">2010 - 2026</h1>
    <p class="text-slate-400 text-base md:text-xl mb-10 md:mb-16 px-2 leading-relaxed">المنصة الأقوى والأجمل للامتحانات الوطنية الموريتانية (الباكالوريا) للشعب العلمية <span class="text-sky-400 font-bold">C</span> & <span class="text-indigo-400 font-bold">D</span></p>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8 px-2 mb-10 md:mb-16">
      <div onclick="openBranch('C')" class="glass-card p-10 md:p-16 group cursor-pointer border-b-4 border-b-sky-500 hover:bg-sky-500/5 transition-all active:scale-[0.98]">
        <h2 class="branch-text text-sky-500 group-hover:tracking-widest transition-all">شعبة C</h2>
      </div>
      <div onclick="openBranch('D')" class="glass-card p-10 md:p-16 group cursor-pointer border-b-4 border-b-indigo-500 hover:bg-indigo-500/5 transition-all active:scale-[0.98]">
        <h2 class="branch-text text-indigo-500 group-hover:tracking-widest transition-all">شعبة D</h2>
      </div>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6 px-2 mb-16 md:mb-24 max-w-4xl mx-auto">
      <div onclick="showPage('calc-page'); renderInputs();" class="glass-card p-5 md:p-8 group cursor-pointer border-r-4 border-r-emerald-500 hover:bg-emerald-500/10 transition-all flex items-center gap-4 md:gap-6 active:scale-[0.98]">
        <div class="text-3xl md:text-5xl">📊</div>
        <div class="text-right">
          <h3 class="text-lg md:text-2xl font-black text-emerald-400 mb-1">حاسبة المعدل</h3>
          <p class="text-slate-400 text-xs md:text-sm">احسب معدلك بدقة حسب ضوارب شعبتك</p>
        </div>
      </div>
      <div onclick="showPage('contact-page')" class="glass-card p-5 md:p-8 group cursor-pointer border-r-4 border-r-pink-500 hover:bg-pink-500/10 transition-all flex items-center gap-4 md:gap-6 active:scale-[0.98]">
        <div class="text-3xl md:text-5xl">💬</div>
        <div class="text-right">
          <h3 class="text-lg md:text-2xl font-black text-pink-400 mb-1">رسالة لصانع الموقع</h3>
          <p class="text-slate-400 text-xs md:text-sm">شاركنا آراءك ومقترحاتك لتطوير المنصة</p>
        </div>
      </div>
    </div>

    <div class="max-w-4xl mx-auto px-2 mb-20">
      <div class="glass-card p-4 md:p-10 border-t-4 border-t-emerald-500">
        <h3 class="text-lg md:text-2xl font-black mb-4 md:mb-8 text-emerald-400 italic">⏳ المتبقي على حلم باك 2026</h3>
        <div id="countdown" class="grid grid-cols-4 gap-2 md:gap-4 mb-6 md:mb-10 font-bold countdown-container">
          <div class="bg-slate-900/50 p-2 md:p-4 rounded-xl md:rounded-2xl border border-white/5 shadow-inner">
            <span id="days" class="text-xl md:text-5xl block font-black">00</span>
            <span class="text-[9px] md:text-[10px] text-slate-400 uppercase">Days</span>
          </div>
          <div class="bg-slate-900/50 p-2 md:p-4 rounded-xl md:rounded-2xl border border-white/5 shadow-inner">
            <span id="hours" class="text-xl md:text-5xl block font-black">00</span>
            <span class="text-[9px] md:text-[10px] text-slate-400 uppercase">Hours</span>
          </div>
          <div class="bg-slate-900/50 p-2 md:p-4 rounded-xl md:rounded-2xl border border-white/5 shadow-inner">
            <span id="minutes" class="text-xl md:text-5xl block font-black">00</span>
            <span class="text-[9px] md:text-[10px] text-slate-400 uppercase">Mins</span>
          </div>
          <div class="bg-slate-900/50 p-2 md:p-4 rounded-xl md:rounded-2xl border border-white/5 shadow-inner">
            <span id="seconds" class="text-xl md:text-5xl block font-black text-emerald-400">00</span>
            <span class="text-[9px] md:text-[10px] text-slate-400 uppercase">Secs</span>
          </div>
        </div>
        <div class="bg-emerald-500/10 p-3 md:p-6 rounded-xl md:rounded-2xl border border-emerald-500/20 backdrop-blur-sm">
          <p class="text-sm md:text-xl font-bold text-emerald-50 text-center leading-relaxed px-2">
            "اللهم هب لطلاب باك 2026 نجاحاً باهراً، ويسّر لهم كل عسير، وأنر بصائرهم، واجعل الختام مسكاً بالفوز والتميز."
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

<div id="subjects-page" class="page max-w-6xl mx-auto">
  <div class="flex items-center gap-3 md:gap-6 mb-8 md:mb-16 px-2">
    <button onclick="showPage('home')" class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-white/5 flex items-center justify-center hover:bg-sky-500 transition-all shadow-lg flex-shrink-0"><i class="fas fa-arrow-right text-lg md:text-xl"></i></button>
    <h2 id="branch-title" class="text-2xl md:text-6xl font-black italic text-sky-400 truncate"></h2>
  </div>
  <div id="subjects-grid" class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 md:gap-6 px-2"></div>
</div>

<div id="years-page" class="page max-w-5xl mx-auto text-center">
  <div class="mb-6 md:mb-12 px-2">
    <button onclick="showPage('subjects-page')" class="text-sky-400 font-bold hover:gap-4 flex items-center justify-center gap-2 mx-auto transition-all mb-4 md:mb-6 text-sm md:text-base">
      <i class="fas fa-arrow-right"></i> العودة لقائمة المواد
    </button>
    <h2 id="sub-title" class="text-2xl md:text-6xl font-black mt-2 md:mt-6 text-white leading-tight"></h2>
  </div>
  <div id="years-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3 md:gap-5 px-2"></div>
</div>

<div id="calc-page" class="page max-w-3xl mx-auto">
  <div class="flex items-center gap-3 md:gap-6 mb-6 md:mb-10 px-2">
    <button onclick="showPage('home')" class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-white/5 flex items-center justify-center hover:bg-emerald-500 transition-all shadow-lg flex-shrink-0"><i class="fas fa-arrow-right text-lg md:text-xl"></i></button>
    <h2 class="text-2xl md:text-4xl font-black text-emerald-400">حاسبة المعدل</h2>
  </div>
  <div class="glass-card p-4 md:p-8 border border-emerald-500/20">
    <div class="flex justify-center gap-3 md:gap-4 mb-4 md:mb-8">
      <button id="calcBtnC" onclick="selectCalcStream('C')" class="px-4 md:px-8 py-2 md:py-3 rounded-xl font-black border-2 border-sky-500 bg-sky-500 text-white transition-all text-sm md:text-base">شعبة C</button>
      <button id="calcBtnD" onclick="selectCalcStream('D')" class="px-4 md:px-8 py-2 md:py-3 rounded-xl font-black border-2 border-indigo-500 text-white hover:bg-indigo-500/30 transition-all text-sm md:text-base">شعبة D</button>
    </div>
    <div id="calc-inputs" class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4"></div>
    <button onclick="calculateResult()" class="w-full mt-4 md:mt-8 bg-emerald-600 hover:bg-emerald-500 py-3 md:py-4 rounded-xl font-black text-lg md:text-xl transition-all text-white shadow-lg shadow-emerald-900/30 active:scale-[0.98]">احسب النتيجة الآن</button>
    <div id="calc-result" class="mt-4 md:mt-6 text-center text-xl md:text-3xl font-black text-emerald-400 hidden bg-slate-900/80 p-4 md:p-6 rounded-2xl border border-emerald-500/30"></div>
  </div>
</div>

<div id="contact-page" class="page max-w-xl mx-auto">
  <div class="flex items-center gap-3 md:gap-6 mb-6 md:mb-10 px-2">
    <button onclick="showPage('home')" class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-white/5 flex items-center justify-center hover:bg-pink-500 transition-all shadow-lg flex-shrink-0"><i class="fas fa-arrow-right text-lg md:text-xl"></i></button>
    <h2 class="text-2xl md:text-4xl font-black text-pink-400">رسالة لصانع الموقع</h2>
  </div>
  <div class="glass-card p-4 md:p-10 border border-pink-500/20 relative">
    <div id="form-container">
      <form id="contactForm" action="https://formspree.io/f/mnjogqqa" method="POST" class="space-y-4 md:space-y-6">
        <div>
          <label class="block mb-2 font-bold text-slate-300 text-sm md:text-base">الاسم <span class="text-pink-500">*</span></label>
          <input type="text" name="name" placeholder="أدخل اسمك هنا..." required class="w-full p-3 md:p-4 bg-slate-900 border border-white/10 rounded-xl outline-none focus:border-pink-500 text-white transition-all text-sm md:text-base">
        </div>
        <div>
          <label class="block mb-2 font-bold text-slate-300 text-sm md:text-base">ملاحظة <span class="text-pink-500">*</span></label>
          <textarea name="message" placeholder="اكتب رسالتك، اقتراحك، أو رأيك هنا..." required rows="4" class="w-full p-3 md:p-4 bg-slate-900 border border-white/10 rounded-xl outline-none focus:border-pink-500 text-white resize-none transition-all text-sm md:text-base"></textarea>
        </div>
        <button id="submitBtn" type="submit" class="w-full bg-pink-600 hover:bg-pink-500 py-3 md:py-4 rounded-xl font-black text-lg md:text-xl transition-all text-white shadow-lg shadow-pink-900/30 flex justify-center items-center gap-2 active:scale-[0.98]">
          <span>إرسال الرسالة</span> <i class="fas fa-paper-plane"></i>
        </button>
      </form>
    </div>
    <div id="success-message" class="hidden text-center py-6 md:py-8">
      <div class="text-4xl md:text-6xl mb-4">✅</div>
      <h3 class="text-2xl md:text-3xl font-black text-emerald-400 mb-2">شكراً لك!</h3>
      <p class="text-slate-300 mb-6 md:mb-8 text-sm md:text-base">تم إرسال رسالتك بنجاح. نقدر تواصلك معنا.</p>
      <button onclick="resetContactForm()" class="px-8 py-3 bg-white/10 hover:bg-white/20 rounded-xl font-bold transition-all border border-white/20 w-full shadow-lg text-sm md:text-base">تم والعودة للرئيسية</button>
    </div>
  </div>
</div>

<div id="install-btn-float" class="install-btn-float" onclick="installApp()">
  <i class="fas fa-plus-circle"></i> تثبيت التطبيق
</div>

<script>
/* =================== قاعدة بيانات الأرشيف الكاملة =================== */
const commonLinks = {
  "التربية الإسلامية": { "2025": "https://www.mediafire.com/file/nf6vk8fkc4tqph7/Bac+IR+2025.pdf/file", "2024": "https://www.mediafire.com/file/2n4q7xnytirha5u/2024+IR.pdf/file", "2023": "https://www.mediafire.com/file/7ijktuktt0ki5u3/2023+IR.pdf/file", "2022": "https://www.mediafire.com/file/zcxk811lrud7uq0/2022+IR.pdf/file", "2021": "https://www.mediafire.com/file/nf2110n1dl80cr3/2021+IR.pdf/file", "2020": "https://www.mediafire.com/file/rwmq2qrklvhkd3j/2020+IR.pdf/file" },
  "اللغة العربية": { "2025": "https://www.mediafire.com/file/r3hocmn6rvocoso/2025+AR.pdf/file", "2024": "https://www.mediafire.com/file/h2f70t7ou4sw53h/2024+AR.pdf/file", "2023": "https://www.mediafire.com/file/afd9kc176b82jky/AR+2023.pdf/file", "2022": "https://www.mediafire.com/file/izidrchgp1h7ma5/AR+2022.pdf/file", "2021": "https://www.mediafire.com/file/cykhwklou156tm8/2021+AR.pdf/file" },
  "اللغة الفرنسية": { "2025": "https://www.mediafire.com/file/jh6p3e3jdc7gfrc/Bac+FR+2025.pdf/file", "2024": "https://www.mediafire.com/file/rzagu92yjui60v1/FR+2024.pdf/file", "2023": "https://www.mediafire.com/file/zehetrz9p13csy4/Bac+2023+FR.pdf/file", "2022": "https://www.mediafire.com/file/ivxl7g1c41agqmr/Bac+2022+FR.pdf/file", "2021": "https://www.mediafire.com/file/q3xv31i4vr3ef7x/Bac+2021+FR.pdf/file", "2020": "https://www.mediafire.com/file/2gfkoza1lx5ys24/Bac+2020+FR.pdf/file" },
  "اللغة الإنجليزية": { "2024": "https://www.mediafire.com/file/njnx0r7x61wwto5/Bac+2024+EN.pdf/file", "2023": "https://www.mediafire.com/file/2f301tptwlfy14l/Bac+2023+EN.pdf/file", "2022": "https://www.mediafire.com/file/p79d96i0cu4ax71/Bac+2022+EN.pdf/file", "2021": "https://www.mediafire.com/file/qjwqlci719u9chn/Bac+2021+EN.pdf/file", "2020": "https://www.mediafire.com/file/f0wpuqi6xn5xrov/Bac+2020+EN.pdf/file" }
};
const linksDB = {
  D: {
    "الرياضيات": { "2025": "https://www.mediafire.com/file/ubb8aogmfabumoi/BacD2025SN.pdf/file", "2024": "https://www.mediafire.com/file/qyvmaqh8e4k3t6i/SujetBacD2024SN.pdf/file", "2023": "https://www.mediafire.com/file/kmhl3e6ql3jugsr/Bac_D_MA_2023_sn_.pdf/file", "2022": "https://www.mediafire.com/file/5ooza00bw3q83l3/Bac_D_2022_M_sn.pdf/file", "2021": "https://www.mediafire.com/file/pof5xywc7aplpru/Bac_D_2021_M_sn.pdf/file", "2020": "https://www.mediafire.com/file/q5qmaslzdzpad1d/Bac_D_2020_M_sn.pdf/file", "2019": "https://www.mediafire.com/file/xjpedfgozqlm2uh/Bac_D_2019_M_sn.pdf/file", "2018": "https://www.mediafire.com/file/ajx1ubhxl97kzi9/Bac_D_2018_M_sn.pdf/file", "2017": "https://www.mediafire.com/file/1zrni6t720tprxb/Bac_D_M_2017_sn_.pdf/file", "2016": "https://www.mediafire.com/file/uzawxjz05aad5si/Bac_D_2016_M_sn.pdf/file", "2015": "https://www.mediafire.com/file/k958qw1nx4bdyze/Bac_D_2015_M_sn.pdf/file", "2014": "https://www.mediafire.com/file/g6dplscadl407eo/Bac_D_2014_M_sn.pdf/file", "2013": "https://www.mediafire.com/file/6zmf0cmbwga6e8n/Bac_D_2013_M_sn.pdf/file", "2012": "https://www.mediafire.com/file/dq47nbkd4gb5w6b/Bac_D_2012_M_sn.pdf/file", "2011": "https://www.mediafire.com/file/sjap1gkdpwalue3/Bac_D_2011_M_sn.pdf/file", "2010": "https://www.mediafire.com/file/eo5cgaa28icf7f1/Bac+D+2010+M+sn.pdf/file" },
    "الفيزياء والكيمياء": { "2024": "https://www.mediafire.com/file/6phajv7ifzsggp8/Bac+D+PC+2024+sn.pdf/file", "2023": "https://www.mediafire.com/file/3kg23v390e3khi6/bac+D+PC+2023+sn.pdf/file", "2022": "https://www.mediafire.com/file/8sm98pk62zjrxi8/Bac+D+PC+2022+sn.pdf/file", "2021": "https://www.mediafire.com/file/b00ug9juflgvdgp/Bac+D+PC+2021+sn.pdf/file", "2020": "https://www.mediafire.com/file/63atidbr0xkknzq/Bac+D+PC+2020+sn.pdf/file", "2019": "https://www.mediafire.com/file/ze2mmgse2gaopnm/Bac+D+PC+2019+sn.pdf/file", "2018": "https://www.mediafire.com/file/e0y2qgdvo8cetma/Bac+D+PC+2018+sn.pdf/file", "2017": "https://www.mediafire.com/file/4azja8gzbuok1ki/Bac+D+PC+2017+sn.pdf/file", "2016": "https://www.mediafire.com/file/u1fgn99vsvryghr/Bac+D+PC+2016+sn.pdf/file", "2015": "https://www.mediafire.com/file/tmpqtxhem9vglp8/Bac+D+PC+2015+sn.pdf/file", "2014": "https://www.mediafire.com/file/j709g32blicc1k0/Bac+D+PC+2014+sn.pdf/file", "2013": "https://www.mediafire.com/file/36p6oppqml15rag/Bac+D+PC+2013+sn.pdf/file", "2012": "https://www.mediafire.com/file/zdcwwa8y7ujgudr/Bac+D+PC+2012+sn.pdf/file", "2011": "https://www.mediafire.com/file/hgxfx0y2kmkhuyl/Bac+D+PC+2011+sn.pdf/file", "2010": "https://www.mediafire.com/file/3jtyb5uw8wqjz34/Bac+D+PC+2010+sn.pdf/file" },
    "العلوم الطبيعية": { "2024": "https://www.mediafire.com/file/3qx6u646tdm0hhd/BAC+D+SN+2024+sn.pdf/file", "2023": "https://www.mediafire.com/file/71k9y4vcqvpxxn3/Bac+D+SN+2023+sn.pdf/file", "2020": "https://www.mediafire.com/file/imeh68qpto3lv50/Bac+D+SN+2020+sn.pdf/file", "2019": "https://www.mediafire.com/file/suraf1hm1ka0bnn/Bac+D+SN+2019+sn.pdf/file", "2018": "https://www.mediafire.com/file/b5sqveh87lo875l/Bac+D+SN+2018+sn.pdf/file", "2017": "https://www.mediafire.com/file/t6lxgauovt0t3gr/Bac+D+SN+2017+sn.pdf/file", "2016": "https://www.mediafire.com/file/hddtvmeux6a5cd2/Bac+D+SN+2016+sn.pdf/file", "2015": "https://www.mediafire.com/file/mo6zpei0s7f1qzr/Bac+D+SN+2015+sn.pdf/file", "2014": "https://www.mediafire.com/file/8869y53qjq7u7vu/Bac+D+SN+2014+sn.pdf/file", "2013": "https://www.mediafire.com/file/tb54ak5senmiynp/Bac+D+SN+2013+sn.pdf/file", "2012": "https://www.mediafire.com/file/zcw9mcgd093el3a/Bac+D+SN+2012+sn+.pdf/file", "2011": "https://www.mediafire.com/file/vci91erqxlgu4e4/Bac+D+SN+2011+sn+.pdf/file", "2010": "https://www.mediafire.com/file/5d4613noy3b6csg/Bac+D+SN+2010+sn.pdf/file" }
  },
  C: {
    "الرياضيات": { "2025": "https://www.mediafire.com/file/5ze0xzr4d6nuutk/Bac+C+MA+2025+sn.pdf/file", "2024": "https://www.mediafire.com/file/6fma9irs2fmtgde/Bac+C+2024+MA+sn.pdf/file", "2023": "https://www.mediafire.com/file/1jfkbxjzfbg3r62/Bac+C+2023+MA+sn.pdf/file", "2022": "https://www.mediafire.com/file/lqj4x22iqgtszas/Bac+C+2022+MA+sn.pdf/file", "2021": "https://www.mediafire.com/file/y7yx49ee4lxlg7b/Bac+C+2021+MA+sn.pdf/file", "2020": "https://www.mediafire.com/file/cssomni5b2x1jfd/Bac+C+2020+MA+sn.pdf/file", "2019": "https://www.mediafire.com/file/p70ywp2oarom1zi/Bac+C+2019+MA+sn.pdf/file", "2018": "https://www.mediafire.com/file/z0gjgbhan041c7v/Bac+C+2018+MA+sn.pdf/file", "2017": "https://www.mediafire.com/file/c4gt6znin464ti5/Bac+C+2017+MA+sn.pdf/file", "2016": "https://www.mediafire.com/file/qq8o1fca3y0x3gz/Bac+C+2016+MA+sn.pdf/file", "2015": "https://www.mediafire.com/file/71fw39j913e9or8/Bac+C+2015+MA+sn.pdf/file", "2014": "https://www.mediafire.com/file/61ljxpag1g4u11q/Bac+C+2014+MA+sn.pdf/file", "2013": "https://www.mediafire.com/file/s1bqo7jbryv745x/Bac+C+2013+MA+sn.pdf/file", "2012": "https://www.mediafire.com/file/9bxe2cb6km15iv/Bac+C+2012+MA+sn.pdf/file", "2011": "https://www.mediafire.com/file/lxod40bbhxq8i3x/Bac+C+2011+MA+sn.pdf/file", "2010": "https://www.mediafire.com/file/6vth76mdf7g3ink/Bac+C+2010+MA+sn.pdf/file" },
    "العلوم الطبيعية": { "2025": "https://www.mediafire.com/file/6k5t0j4uijewoe3/Bac+C+SN+2025+sn.pdf/file", "2024": "https://www.mediafire.com/file/h60se23a2msztlt/Bac+C+2024+SN+sn.pdf.pdf/file", "2023": "https://www.mediafire.com/file/o58mv4xeo2pc1gc/Bac+C+2023+SN+sn.pdf/file", "2022": "https://www.mediafire.com/file/e1vpxpihcjagdje/Bac+C+2022+SN+sn.pdf/file", "2021": "https://www.mediafire.com/file/ywwpzlvjqhp2cc0/Bac+C+2021+SN+sn.pdf/file", "2020": "https://www.mediafire.com/file/hto5x3dmd18lo7e/Bac+C+2020+SN+sn.pdf/file", "2019": "https://www.mediafire.com/file/5nqy7tblwrqyuxj/Bac+C+2019+SN+sn.pdf/file", "2018": "https://www.mediafire.com/file/8bp7auz773nkb2d/Bac+C+2018+SN+sn.pdf/file", "2017": "https://www.mediafire.com/file/9dzbx7my2i67mku/Bac+C+2017+SN+sn.pdf/file", "2016": "https://www.mediafire.com/file/gq6f6sgk453y6sb/Bac+C+2016+SN+sn.pdf/file", "2015": "https://www.mediafire.com/file/tswsfm72brejsm6/Bac+C+2015+SN+sn.pdf/file", "2014": "https://www.mediafire.com/file/0472sutmp68idn7/Bac+C+2014+SN+sn.pdf/file", "2013": "https://www.mediafire.com/file/7vc2ecgjff72chz/Bac+C+2013+SN+sn.pdf/file", "2012": "https://www.mediafire.com/file/gmccqcvsv494m7w/Bac+C+2012+SN+sn.pdf/file", "2011": "https://www.mediafire.com/file/rlsyqz086wtlgb4/Bac+C+2011+SN+sn.pdf/file", "2010": "https://www.mediafire.com/file/u40birpnmhqe3em/Bac+C+2010+SN+sn.pdf/file" },
    "الفيزياء والكيمياء": { "2024": "https://www.mediafire.com/file/smxi6q3jp9f0cmx/Bac+C+2024+P.C+SN+.pdf/file", "2023": "https://www.mediafire.com/file/pafns2x7g14n7y2/BacC2023PCSN.pdf/file", "2022": "https://www.mediafire.com/file/cnpvqczpoyyx225/Bac+C+PC+2022+sn.pdf/file", "2021": "https://www.mediafire.com/file/hp6tkbafl78uzhb/Bac+C+PC+2021+sn.pdf/file", "2020": "https://www.mediafire.com/file/h8khbrls7k0n176/Bac+C+PC+2020+sn.pdf/file", "2019": "https://www.mediafire.com/file/oh0w0d6edzq38p9/Bac+C+PC+2019+sn.pdf/file", "2018": "https://www.mediafire.com/file/h6alcruc881bn9t/Bac+C+PC+2018+sn.pdf/file", "2017": "https://www.mediafire.com/file/xq5n7n7p6kkknum/Bac+C+PC+2017+sn.pdf/file", "2016": "https://www.mediafire.com/file/bl3wqm744x71246/Bac+C+PC+2016+sn.pdf/file", "2015": "https://www.mediafire.com/file/5j7j50old8415as/Bac+C+PC+2015+sn.pdf/file", "2014": "https://www.mediafire.com/file/jq8ctj2aphzicuf/Bac+C+PC+2014+sn.pdf/file", "2013": "https://www.mediafire.com/file/9rk1kro96r7ydzt/Bac+C+PC+2013+sn.pdf/file", "2012": "https://www.mediafire.com/file/wn4hx76j53h2xb1/Bac+C+2012+PC+sn.pdf/file", "2011": "https://www.mediafire.com/file/eoaptgpy9mbl739/Bac+C+2011+PC+sn.pdf/file", "2010": "https://www.mediafire.com/file/av90pvbu8figupj/Bac+C+2010+PC+sn.pdf/file" }
  }
};
const subjectsList = ["الرياضيات", "الفيزياء والكيمياء", "العلوم الطبيعية", "اللغة العربية", "التربية الإسلامية", "اللغة الفرنسية", "اللغة الإنجليزية"];
let currentBranch = '';

/* =================== PWA Setup =================== */
let deferredPrompt;
const installBtnFloat = document.getElementById('install-btn-float');
window.addEventListener('beforeinstallprompt', (e) => {
  e.preventDefault();
  deferredPrompt = e;
  installBtnFloat.style.display = 'flex';
});

function installApp() {
  if (deferredPrompt) {
    deferredPrompt.prompt();
    deferredPrompt.userChoice.then((choiceResult) => {
      if (choiceResult.outcome === 'accepted') {
        installBtnFloat.style.display = 'none';
      }
      deferredPrompt = null;
    });
  } else {
    alert('لتثبيت الموقع كتطبيق: افتح قائمة المتصفح واختر "إضافة للشاشة الرئيسية" أو "تثبيت التطبيق"');
  }
}
window.addEventListener('appinstalled', () => { installBtnFloat.style.display = 'none'; });

// Dynamic Manifest
const manifestData = {
  name: "BAC MAURITANIE 🇲🇷",
  short_name: "BAC MR 🇲🇷",
  description: "المنصة الأولى لتحميل امتحانات الباكالوريا الموريتانية للشعب العلمية C و D",
  start_url: "./",
  display: "standalone",
  orientation: "portrait",
  background_color: "#020617",
  theme_color: "#020617",
  icons: [
    { src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 192'%3E%3Crect width='192' height='192' fill='%23006233' rx='44'/%3E%3Ccircle cx='96' cy='96' r='45' fill='%23FFC400'/%3E%3Ctext x='96' y='145' font-size='45' font-weight='bold' text-anchor='middle' fill='white' font-family='Arial'%3EBAC MR%3C/text%3E%3C/svg%3E", sizes: "192x192", type: "image/svg+xml", purpose: "any" },
    { src: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='512' height='512' fill='%23006233' rx='110'/%3E%3Ccircle cx='256' cy='256' r='120' fill='%23FFC400'/%3E%3Ctext x='256' y='380' font-size='120' font-weight='bold' text-anchor='middle' fill='white' font-family='Arial'%3EBAC MR%3C/text%3E%3C/svg%3E", sizes: "512x512", type: "image/svg+xml", purpose: "any" }
  ]
};
const manifestBlob = new Blob([JSON.stringify(manifestData)], { type: 'application/json' });
const manifestUrl = URL.createObjectURL(manifestBlob);
document.getElementById('manifest-link').href = manifestUrl;

// Service Worker (Simple offline caching)
if ('serviceWorker' in navigator) {
  const swCode = `self.addEventListener('install', e => self.skipWaiting()); self.addEventListener('activate', e => e.waitUntil(self.clients.claim())); self.addEventListener('fetch', e => e.respondWith(fetch(e.request).catch(() => caches.match(e.request))));`;
  const blob = new Blob([swCode], { type: 'application/javascript' });
  navigator.serviceWorker.register(URL.createObjectURL(blob)).catch(() => {});
}

/* =================== نظام التنقل =================== */
function showPage(id) {
  const current = document.querySelector('.page.active');
  const target = document.getElementById(id);
  if(current === target) return;
  if(current) gsap.to(current, { opacity: 0, y: 20, duration: 0.25, onComplete: () => { current.classList.remove('active'); } });
  setTimeout(() => {
    target.classList.add('active');
    gsap.fromTo(target, { opacity: 0, y: -20 }, { opacity: 1, y: 0, duration: 0.3 });
    window.scrollTo(0,0);
  }, current ? 260 : 0);
}

/* =================== الأرشيف =================== */
function openBranch(branch) {
  currentBranch = branch;
  document.getElementById('branch-title').innerText = "شعبة " + branch;
  const grid = document.getElementById('subjects-grid');
  grid.innerHTML = '';
  subjectsList.forEach(s => {
    const card = document.createElement('div');
    card.className = "glass-card p-4 md:p-8 flex justify-between items-center cursor-pointer hover:bg-sky-500/10 group transition-all active:scale-[0.98]";
    card.innerHTML = `<span class="text-base md:text-xl font-black">${s}</span> <i class="fas fa-chevron-left text-sky-500 group-hover:-translate-x-2 transition-transform"></i>`;
    card.onclick = () => openYears(s);
    grid.appendChild(card);
  });
  showPage('subjects-page');
}

function openYears(sub) {
  document.getElementById('sub-title').innerText = sub;
  const grid = document.getElementById('years-grid');
  grid.innerHTML = '';
  const specific = (linksDB[currentBranch] && linksDB[currentBranch][sub]) || {};
  const shared = commonLinks[sub] || {};
  const allLinks = {...shared, ...specific};
  const years = Object.keys(allLinks).sort((a,b) => b-a);
  years.forEach(y => {
    const link = encodeURIComponent(allLinks[y]);
    grid.innerHTML += `
      <div onclick="download('${link}')" class="year-btn cursor-pointer text-center font-bold text-sm md:text-base flex flex-col items-center justify-center gap-1">
        <i class="fas fa-file-pdf text-rose-400 text-lg md:text-xl mb-1"></i> ${y}
      </div>`;
  });
  showPage('years-page');
}

function download(safeLink) {
  const link = decodeURIComponent(safeLink);
  window.open(link, '_blank');
}

/* =================== حاسبة المعدل =================== */
let currentCalcStream = 'C';
const calcCoefficients = {
  'D': { 'العلوم الطبيعية': 8, 'الفيزياء والكيمياء': 7, 'الرياضيات': 6, 'اللغة الفرنسية': 3, 'اللغة العربية': 3, 'التربية الإسلامية': 2, 'اللغة الإنجليزية': 2, 'الرياضة البدنية': 1 },
  'C': { 'الرياضيات': 9, 'الفيزياء والكيمياء': 8, 'العلوم الطبيعية': 4, 'اللغة الفرنسية': 3, 'اللغة العربية': 3, 'التربية الإسلامية': 2, 'اللغة الإنجليزية': 2, 'الرياضة البدنية': 1 }
};

function selectCalcStream(stream) {
  currentCalcStream = stream;
  document.getElementById('calcBtnC').className = `px-4 md:px-8 py-2 md:py-3 rounded-xl font-black border-2 border-sky-500 transition-all text-sm md:text-base ${stream === 'C' ? 'bg-sky-500 text-white' : 'text-white hover:bg-sky-500/30'}`;
  document.getElementById('calcBtnD').className = `px-4 md:px-8 py-2 md:py-3 rounded-xl font-black border-2 border-indigo-500 transition-all text-sm md:text-base ${stream === 'D' ? 'bg-indigo-500 text-white' : 'text-white hover:bg-indigo-500/30'}`;
  renderInputs();
  document.getElementById('calc-result').classList.add('hidden');
}

function renderInputs() {
  const container = document.getElementById('calc-inputs');
  container.innerHTML = '';
  const subjects = calcCoefficients[currentCalcStream];
  for (const [subject, coef] of Object.entries(subjects)) {
    container.innerHTML += `
    <div class="flex items-center justify-between bg-slate-900/50 p-3 md:p-4 rounded-xl border border-white/5">
      <label class="font-bold text-xs md:text-sm w-3/5 text-slate-200">${subject} <span class="text-emerald-400 text-[10px] md:text-xs ml-1">(×${coef})</span></label>
      <input type="number" class="calc-grade w-2/5 p-2 bg-slate-800 border border-white/10 rounded-lg outline-none focus:border-emerald-500 text-center text-white font-bold text-sm md:text-base" data-coef="${coef}" placeholder="0-20" min="0" max="20" step="0.25">
    </div>`;
  }
}

function calculateResult() {
  const grades = document.querySelectorAll('.calc-grade');
  let totalPoints = 0, totalCoefs = 0, filled = false;
  grades.forEach(input => {
    const val = parseFloat(input.value);
    if (!isNaN(val) && input.value !== '') filled = true;
    totalPoints += (isNaN(val) ? 0 : val) * parseInt(input.getAttribute('data-coef'));
    totalCoefs += parseInt(input.getAttribute('data-coef'));
  });
  if (filled && totalCoefs > 0) {
    const finalGPA = (totalPoints / totalCoefs).toFixed(2);
    const resultDiv = document.getElementById('calc-result');
    resultDiv.classList.remove('hidden');
    resultDiv.innerHTML = `<span class="${finalGPA >= 10 ? 'text-emerald-400' : 'text-rose-400'} text-3xl md:text-5xl">${finalGPA}</span> <span class="text-base md:text-xl text-slate-400">/ 20</span><div class="text-sm md:text-lg mt-2 text-white">${finalGPA >= 10 ? 'معدل ممتاز، استمر! 🎉' : 'عليك بذل المزيد من الجهد! 💪'}</div>`;
  }
}

/* =================== إرسال النموذج =================== */
const contactForm = document.getElementById('contactForm');
contactForm.addEventListener('submit', function(e) {
  e.preventDefault();
  const btn = document.getElementById('submitBtn');
  btn.innerHTML = 'جاري الإرسال... <i class="fas fa-spinner fa-spin ml-2"></i>';
  btn.disabled = true;
  const data = new FormData(contactForm);
  fetch(contactForm.action, { method: 'POST', body: data, headers: { 'Accept': 'application/json' } })
    .then(response => {
      if (response.ok) {
        document.getElementById('form-container').classList.add('hidden');
        document.getElementById('success-message').classList.remove('hidden');
        contactForm.reset();
      } else { alert("حدث خطأ أثناء إرسال الرسالة."); }
    }).catch(() => { alert("حدث خطأ في الاتصال."); })
    .finally(() => { btn.innerHTML = '<span>إرسال الرسالة</span> <i class="fas fa-paper-plane"></i>'; btn.disabled = false; });
});
function resetContactForm() { showPage('home'); setTimeout(() => { document.getElementById('success-message').classList.add('hidden'); document.getElementById('form-container').classList.remove('hidden'); }, 500); }

/* =================== العد التنازلي =================== */
function updateCountdown() {
  const examDate = new Date("June 29, 2026 08:00:00").getTime();
  const now = new Date().getTime();
  const gap = examDate - now;
  if (gap <= 0) {
    document.getElementById("countdown").innerHTML = "<div class='text-lg md:text-2xl font-black text-emerald-400 p-4 col-span-4'>حان وقت الامتحان! بالتوفيق 🎉</div>";
    return;
  }
  document.getElementById("days").innerText = Math.floor(gap / (1000 * 60 * 60 * 24));
  document.getElementById("hours").innerText = Math.floor((gap % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  document.getElementById("minutes").innerText = Math.floor((gap % (1000 * 60 * 60)) / (1000 * 60));
  document.getElementById("seconds").innerText = Math.floor((gap % (1000 * 60)) / 1000);
}
setInterval(updateCountdown, 1000);
updateCountdown();
</script>
</body>
</html>