<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    
    <!-- Preconnect -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- SEO Meta Tags -->
    <title>نتيجة الشهادة الإعدادية 2026 - جميع المحافظات | ايجي لفرز لنتائج الشهادة الإعدادية</title>
    <meta name="title" content="نتيجة الشهادة الإعدادية 2026 - جميع المحافظات | ايجي لفرز لنتائج الشهادة الإعدادية">
    <meta name="description" content="استعلم الآن عن نتيجة الشهادة الإعدادية 2026 برقم الجلوس أو الاسم. تغطية شاملة لـ 7 محافظة و 261,016 طالب. نتائج فورية ودقيقة.">
    <meta name="keywords" content="نتيجة الشهادة الإعدادية 2026, نتيجة الصف الثالث الإعدادي, نتائج الامتحانات, نتيجة إعدادية, استعلام النتيجة برقم الجلوس">
    <meta name="author" content="ايجي لفرز لنتائج الشهادة الإعدادية">
    <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
    <link rel="canonical" href="https://egylovers.com/">
    
    <!-- Open Graph -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://egylovers.com/">
    <meta property="og:title" content="نتيجة الشهادة الإعدادية 2026 - جميع المحافظات | ايجي لفرز لنتائج الشهادة الإعدادية">
    <meta property="og:description" content="استعلم الآن عن نتيجة الشهادة الإعدادية 2026 برقم الجلوس أو الاسم. تغطية شاملة لـ 7 محافظة و 261,016 طالب. نتائج فورية ودقيقة.">
    <meta property="og:site_name" content="ايجي لفرز لنتائج الشهادة الإعدادية">
    <meta property="og:locale" content="ar_EG">
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="نتيجة الشهادة الإعدادية 2026 - جميع المحافظات | ايجي لفرز لنتائج الشهادة الإعدادية">
    <meta name="twitter:description" content="استعلم الآن عن نتيجة الشهادة الإعدادية 2026 برقم الجلوس أو الاسم. تغطية شاملة لـ 7 محافظة و 261,016 طالب. نتائج فورية ودقيقة.">
    
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎓</text></svg>">
    
    <!-- Critical CSS -->
    <style>
    :root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#818cf8;--secondary:#0ea5e9;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--dark:#1e293b;--gray:#64748b;--gray-light:#94a3b8;--light:#f8fafc;--card:#ffffff;--shadow:0 4px 20px rgba(0,0,0,.08);--shadow-lg:0 15px 40px rgba(0,0,0,.12);--radius:16px;--transition:all .3s ease}
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:'Cairo',system-ui,-apple-system,sans-serif;background:var(--light);color:var(--dark);line-height:1.6;overflow-x:hidden}
    .container{max-width:1200px;margin:0 auto;padding:0 16px}
    
    /* Navbar */
    .navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 0;transition:var(--transition)}
    .navbar.scrolled{background:rgba(255,255,255,.97);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.1);padding:8px 0}
    .nav-inner{display:flex;justify-content:space-between;align-items:center}
    .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;transition:var(--transition)}
    .navbar.scrolled .logo{color:var(--dark)}
    .logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:0 4px 15px rgba(79,70,229,.3)}
    .logo span{font-size:1.15rem;font-weight:800}
    .nav-links{display:flex;gap:6px}
    .nav-link{padding:9px 16px;color:rgba(255,255,255,.9);text-decoration:none;border-radius:8px;font-weight:600;font-size:.9rem;transition:var(--transition)}
    .navbar.scrolled .nav-link{color:var(--gray)}
    .nav-link:hover{background:rgba(255,255,255,.15);color:#fff}
    .navbar.scrolled .nav-link:hover{background:var(--primary);color:#fff}
    
    /* Hero */
    .hero{min-height:520px;padding:100px 16px 140px;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);position:relative;overflow:hidden}
    .hero::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-150px;right:-150px;animation:float 20s ease-in-out infinite}
    .hero::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}
    @keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}
    .hero-content{position:relative;z-index:2;text-align:center;color:#fff;max-width:750px;margin:0 auto}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:10px 22px;border-radius:50px;font-size:.9rem;margin-bottom:22px;border:1px solid rgba(255,255,255,.2);animation:fadeInDown .6s ease}
    @keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
    .hero h1{font-size:clamp(1.7rem,5vw,3rem);font-weight:900;margin-bottom:16px;line-height:1.3;animation:fadeInUp .6s ease .1s both}
    @keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
    .hero p{font-size:1.1rem;opacity:.9;margin-bottom:32px;animation:fadeInUp .6s ease .2s both}
    
    /* Search */
    .search-container{max-width:600px;margin:0 auto;position:relative;animation:fadeInUp .6s ease .3s both}
    .search-box{display:flex;background:#fff;border-radius:50px;box-shadow:0 20px 50px rgba(0,0,0,.25);overflow:hidden}
    .search-input{flex:1;padding:18px 26px;border:none;font-size:1rem;font-family:inherit;outline:none;color:var(--dark)}
    .search-input::placeholder{color:#94a3b8}
    .search-btn{padding:18px 32px;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;font-size:1.2rem;cursor:pointer;transition:var(--transition)}
    .search-btn:hover{transform:scale(1.05)}
    
    /* Search Suggestions */
    .search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;display:none;z-index:100}
    .search-suggestions.active{display:block;animation:fadeIn .2s ease}
    @keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
    .suggestion-item{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition);border-bottom:1px solid #f1f5f9;text-decoration:none;color:inherit}
    .suggestion-item:last-child{border-bottom:none}
    .suggestion-item:hover{background:#f8fafc}
    .suggestion-info{display:flex;align-items:center;gap:12px}
    .suggestion-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
    .suggestion-icon.available{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}
    .suggestion-icon.unavailable{background:linear-gradient(135deg,#fef3c7,#fde68a)}
    .suggestion-name{font-weight:700;color:var(--dark);font-size:.95rem}
    .suggestion-year{font-size:.75rem;color:var(--gray)}
    .suggestion-status{padding:5px 12px;border-radius:16px;font-size:.7rem;font-weight:700}
    .suggestion-status.available{background:#d1fae5;color:#065f46}
    .suggestion-status.unavailable{background:#fef3c7;color:#92400e}
    
    /* Stats */
    .stats-section{margin-top:-70px;position:relative;z-index:10;padding:0 16px}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:950px;margin:0 auto}
    .stat-card{background:var(--card);padding:24px 18px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}
    .stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
    .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:1.5rem}
    .stat-icon.purple{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
    .stat-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
    .stat-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}
    .stat-icon.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa)}
    .stat-value{font-size:1.8rem;font-weight:900;color:var(--dark)}
    .stat-label{font-size:.85rem;color:var(--gray);font-weight:600}
    
    /* Main */
    .main{padding:50px 16px}
    .section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:32px}
    .section-title{display:flex;align-items:center;gap:12px}
    .section-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary),#7c3aed);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem}
    .section-title span{font-size:1.4rem;font-weight:800}
    
    /* Filters */
    .filters{display:flex;gap:8px;flex-wrap:wrap}
    .filter-btn{padding:10px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-family:inherit;font-weight:600;color:var(--gray);transition:var(--transition);font-size:.85rem}
    .filter-btn:hover{border-color:var(--primary);color:var(--primary)}
    .filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
    
    /* Gov Grid */
    .gov-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:22px}
    .gov-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);position:relative}
    .gov-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
    .gov-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#7c3aed);transform:scaleX(0);transition:transform .3s}
    .gov-card:hover::before{transform:scaleX(1)}
    .card-new{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:700;padding:5px 12px;border-radius:20px;display:flex;align-items:center;gap:4px;z-index:5;animation:pulse 2s infinite}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}
    .card-header{padding:20px;display:flex;align-items:center;gap:14px}
    .gov-icon{width:60px;height:60px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:var(--transition)}
    .gov-card:hover .gov-icon{background:linear-gradient(135deg,var(--primary),#7c3aed)}
    .gov-card:hover .gov-icon span{filter:brightness(10)}
    .gov-info h3{font-size:1.15rem;font-weight:800;margin-bottom:5px}
    .gov-meta{display:flex;gap:6px;flex-wrap:wrap}
    .gov-meta span{font-size:.75rem;color:var(--gray);background:#f8fafc;padding:4px 10px;border-radius:6px}
    .card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#f1f5f9;margin:0 16px;border-radius:12px;overflow:hidden}
    .card-stat{background:#f8fafc;padding:14px 8px;text-align:center}
    .card-stat-value{font-size:1.05rem;font-weight:800;color:var(--dark)}
    .card-stat-value.green{color:var(--success)}
    .card-stat-value.red{color:var(--danger)}
    .card-stat-value.blue{color:var(--secondary)}
    .card-stat-label{font-size:.6rem;color:var(--gray);margin-top:2px}
    .card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:#fafbfc}
    .action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;font-size:.68rem;font-weight:600;color:var(--gray);text-decoration:none;transition:var(--transition);border:1px solid transparent;background:#fff}
    .action-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.08)}
    .action-btn.search:hover{border-color:var(--primary);color:var(--primary)}
    .action-btn.name:hover{border-color:var(--secondary);color:var(--secondary)}
    .action-btn.top:hover{border-color:var(--warning);color:var(--warning)}
    .action-btn.stats:hover{border-color:#8b5cf6;color:#8b5cf6}
    .action-btn span{font-size:1.15rem}
    .card-main-action{padding:0 16px 16px}
    .main-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:var(--transition)}
    .main-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(79,70,229,.35)}
    
    /* Empty State */
    .empty{text-align:center;padding:70px 20px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}
    .empty-icon{font-size:4rem;color:#cbd5e1;margin-bottom:20px}
    .empty h3{font-size:1.4rem;margin-bottom:10px}
    .empty p{color:var(--gray)}
    
    /* Footer */
    .footer{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:50px 16px 28px;margin-top:50px}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}
    .footer-section h4{font-size:1.05rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}
    .footer-section p{color:rgba(255,255,255,.7);line-height:1.8;font-size:.9rem}
    .footer-links{display:flex;flex-direction:column;gap:10px}
    .footer-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:.9rem;transition:var(--transition);display:flex;align-items:center;gap:6px}
    .footer-links a:hover{color:#fff;transform:translateX(-4px)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;text-align:center;color:rgba(255,255,255,.5);font-size:.85rem}
    .footer-bottom a{color:var(--primary-light);text-decoration:none}
    
    /* Responsive */
    @media(max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.hero{padding:90px 16px 120px}.hero h1{font-size:1.6rem}.search-box{flex-direction:column;border-radius:var(--radius)}.search-input{padding:16px 20px}.search-btn{padding:16px;border-radius:0 0 var(--radius) var(--radius)}.nav-links{display:none}.gov-grid{grid-template-columns:1fr}.card-stats,.card-actions{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.section-header{flex-direction:column;text-align:center}}
    @media(max-width:576px){.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:18px 12px}.stat-value{font-size:1.4rem}.gov-grid{grid-template-columns:1fr}}
    </style>
    
    <!-- Fonts Lazy Load -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet"></noscript>
    
    <!-- Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "ايجي لفرز لنتائج الشهادة الإعدادية",
        "description": "استعلم الآن عن نتيجة الشهادة الإعدادية 2026 برقم الجلوس أو الاسم. تغطية شاملة لـ 7 محافظة و 261,016 طالب. نتائج فورية ودقيقة.",
        "url": "https://egylovers.com/",
        "inLanguage": "ar",
        "potentialAction": {
            "@type": "SearchAction",
            "target": {
                "@type": "EntryPoint",
                "urlTemplate": "https://egylovers.com/search?q={search_term_string}"
            },
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "ايجي لفرز لنتائج الشهادة الإعدادية",
        "url": "https://egylovers.com/",
        "logo": "https://egylovers.com/logo.png"
    }
    </script>
        <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "ItemList",
        "name": "نتائج الشهادة الإعدادية 2026",
        "numberOfItems": 7,
        "itemListElement": [
                        {
                "@type": "ListItem",
                "position": 1,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة بني سويف - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/beni-suef"
                }
            },                        {
                "@type": "ListItem",
                "position": 2,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة الشرقية - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/sharqia"
                }
            },                        {
                "@type": "ListItem",
                "position": 3,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة بورسعيد - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/port-said"
                }
            },                        {
                "@type": "ListItem",
                "position": 4,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة الغربية - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/gharbia"
                }
            },                        {
                "@type": "ListItem",
                "position": 5,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة مطروح - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/matrouh"
                }
            },                        {
                "@type": "ListItem",
                "position": 6,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة الإسكندرية - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/alexandria"
                }
            },                        {
                "@type": "ListItem",
                "position": 7,
                "item": {
                    "@type": "Thing",
                    "name": "نتيجة السويس - الشهادة الإعدادية",
                    "url": "https://egylovers.com/gov/suez"
                }
            }                    ]
    }
    </script>
    </head>
<body>

<!-- Navbar -->
<nav class="navbar" id="navbar">
    <div class="container">
        <div class="nav-inner">
            <a href="/" class="logo">
                <div class="logo-icon">🎓</div>
                <span>ايجي لفرز لنتائج الشهادة الإعدادية</span>
            </a>
            <div class="nav-links">
                <a href="/" class="nav-link">الرئيسية</a>
                <a href="/top" class="nav-link">الأوائل</a>
                <a href="/search" class="nav-link">بحث بالاسم</a>
            </div>
        </div>
    </div>
</nav>

<!-- Hero -->
<header class="hero">
    <div class="hero-content">
        <div class="hero-badge">
            ⚡ تحديث فوري للنتائج • 7 محافظة
        </div>
        <h1>نتيجة الشهادة الإعدادية 2026</h1>
        <p>ابحث عن محافظتك واحصل على نتيجتك فوراً مع إحصائيات تفصيلية</p>
        
        <div class="search-container">
            <div class="search-box">
                <input type="text" id="searchInput" class="search-input" 
                       placeholder="اكتب اسم المحافظة..." 
                       autocomplete="off" 
                       aria-label="البحث عن المحافظة">
                <button class="search-btn" id="searchBtn" aria-label="بحث">🔍</button>
            </div>
            <div class="search-suggestions" id="suggestions" role="listbox"></div>
        </div>
    </div>
</header>

<!-- Notifications -->
<div id="ntf-root" aria-live="polite"></div><script id="ntf-data" type="application/json">[{"id":4,"type":"info","display":"bottombar","title":"جاري الرفع  .. نتيجة اعدادية الشرقية","message":"بعد قليل ..  نتيجة الشهادة الإعدادية محافظة الشرقية الفصل الدراسي الأول 2026","link":"https:\/\/egylovers.com\/gov\/sharqia","linkText":"تابع هنـــا","countdown":true,"remaining":0,"initialRemaining":0,"doneMsg":"النتيجة متاحة الآن","delay":0,"once":false,"dismissible":true,"icon":"","target":"all","targetValue":""}]</script>
<!-- Stats -->
<section class="stats-section" aria-label="إحصائيات عامة">
    <div class="stats-grid">
        <article class="stat-card">
            <div class="stat-icon purple">🗺️</div>
            <div class="stat-value">7</div>
            <div class="stat-label">محافظة متاحة</div>
        </article>
        <article class="stat-card">
            <div class="stat-icon blue">👨‍🎓</div>
            <div class="stat-value">261,016</div>
            <div class="stat-label">طالب وطالبة</div>
        </article>
        <article class="stat-card">
            <div class="stat-icon green">🏫</div>
            <div class="stat-value">2,636</div>
            <div class="stat-label">مدرسة</div>
        </article>
        <article class="stat-card">
            <div class="stat-icon orange">📈</div>
            <div class="stat-value">79.2%</div>
            <div class="stat-label">نسبة النجاح</div>
        </article>
    </div>
</section>

<!-- Main Content -->
<main class="main">
    <div class="container">
        <div class="section-header">
            <h2 class="section-title">
                <div class="section-icon">🏛️</div>
                <span>المحافظات المتاحة</span>
            </h2>
            <div class="filters" role="tablist">
                <button class="filter-btn active" data-filter="all" role="tab" aria-selected="true">🌍 الكل</button>
                <button class="filter-btn" data-filter="high" role="tab">📈 نسبة نجاح عالية</button>
                <button class="filter-btn" data-filter="recent" role="tab">🕐 الأحدث</button>
            </div>
        </div>
        
                <div class="gov-grid" id="govGrid">
                        <article class="gov-card" 
                     data-name="بني سويف" 
                     data-slug="beni-suef"
                     data-rate="65.6" 
                     data-date="1769977092">
                
                                <div class="card-new">🔥 جديد</div>
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>بني سويف</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 1 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">66,383</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">43,553</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">22,830</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">65.6%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/beni-suef" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/beni-suef?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/beni-suef/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/beni-suef/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/beni-suef" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="الشرقية" 
                     data-slug="sharqia"
                     data-rate="96.5" 
                     data-date="1769880127">
                
                                <div class="card-new">🔥 جديد</div>
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>الشرقية</h3>
                        <div class="gov-meta">
                            <span>📅 2025/2026</span>
                                                        <span>🏢 20 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">10,400</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">10,038</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">362</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">96.5%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/sharqia" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/sharqia?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/sharqia/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/sharqia/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/sharqia" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="بورسعيد" 
                     data-slug="port-said"
                     data-rate="87.7" 
                     data-date="1769632558">
                
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>بورسعيد</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 6 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">11,196</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">9,822</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">1,374</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">87.7%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/port-said" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/port-said?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/port-said/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/port-said/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/port-said" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="الغربية" 
                     data-slug="gharbia"
                     data-rate="87.7" 
                     data-date="1769632558">
                
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>الغربية</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 7 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">65,535</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">57,496</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">8,039</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">87.7%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/gharbia" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/gharbia?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/gharbia/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/gharbia/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/gharbia" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="مطروح" 
                     data-slug="matrouh"
                     data-rate="82.5" 
                     data-date="1769632558">
                
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>مطروح</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 9 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">11,021</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">9,091</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">1,930</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">82.5%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/matrouh" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/matrouh?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/matrouh/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/matrouh/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/matrouh" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="الإسكندرية" 
                     data-slug="alexandria"
                     data-rate="80.1" 
                     data-date="1769632558">
                
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>الإسكندرية</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 10 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">84,113</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">67,377</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">16,736</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">80.1%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/alexandria" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/alexandria?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/alexandria/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/alexandria/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/alexandria" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                        <article class="gov-card" 
                     data-name="السويس" 
                     data-slug="suez"
                     data-rate="75" 
                     data-date="1769632558">
                
                                
                <div class="card-header">
                    <div class="gov-icon"><span>🏛️</span></div>
                    <div class="gov-info">
                        <h3>السويس</h3>
                        <div class="gov-meta">
                            <span>📅 2025-2026</span>
                                                        <span>🏢 2 إدارة</span>
                                                    </div>
                    </div>
                </div>
                
                <div class="card-stats">
                    <div class="card-stat">
                        <div class="card-stat-value">12,368</div>
                        <div class="card-stat-label">طالب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value green">9,276</div>
                        <div class="card-stat-label">ناجح</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value red">3,092</div>
                        <div class="card-stat-label">راسب</div>
                    </div>
                    <div class="card-stat">
                        <div class="card-stat-value blue">75%</div>
                        <div class="card-stat-label">نسبة النجاح</div>
                    </div>
                </div>
                
                <div class="card-actions">
                    <a href="/gov/suez" class="action-btn search">
                        <span>🔍</span> رقم الجلوس
                    </a>
                    <a href="/gov/suez?tab=name" class="action-btn name">
                        <span>👤</span> بالاسم
                    </a>
                    <a href="/gov/suez/top" class="action-btn top">
                        <span>🏆</span> الأوائل
                    </a>
                    <a href="/gov/suez/stats" class="action-btn stats">
                        <span>📊</span> إحصائيات
                    </a>
                </div>
                
                <div class="card-main-action">
                    <a href="/gov/suez" class="main-action-btn">
                        🔍 استعلم عن نتيجتك الآن
                    </a>
                </div>
            </article>
                    </div>
            </div>
</main>

<!-- Footer -->
<footer class="footer">
    <div class="footer-grid">
        <div class="footer-section">
            <h4>🎓 ايجي لفرز لنتائج الشهادة الإعدادية</h4>
            <p>نتيجة الشهادة الإعدادية بحث بالإسم ورقم الجلوس واحصائيات الترتيب على المدرسة والمحافظة مع تحليل احصائي كامل وشهادات تقدير للطلاب الناجحين ونصائح تربوية رائعة. نوفر لك أسرع وأدق طريقة للاستعلام عن نتائج الشهادة الإعدادية في جميع محافظات مصر.</p>
        </div>
        <div class="footer-section">
            <h4>روابط سريعة</h4>
            <nav class="footer-links">
                <a href="/">🏠 الرئيسية</a>
                <a href="/top">🏆 الأوائل</a>
                <a href="/search">🔍 بحث بالاسم</a>
            </nav>
        </div>
        <div class="footer-section">
            <h4>صفحات مهمة</h4>
            <nav class="footer-links">
                <a href="/privacy">🔒 سياسة الخصوصية</a>
                <a href="/terms">📜 شروط الاستخدام</a>
                <a href="/about">ℹ️ عن الموقع</a>
                <a href="/contact">📧 اتصل بنا</a>
            </nav>
        </div>
        <div class="footer-section">
            <h4>تابعنا</h4>
            <nav class="footer-links">
                                <a href="https://www.facebook.com/Mr.ahmad.elmaazon" target="_blank" rel="noopener">📘 فيسبوك</a>
                                                                <a href="https://whatsapp.com/channel/0029Va6EXwGGJP8OIlZPvB23" target="_blank" rel="noopener">💬 واتساب</a>
                            </nav>
        </div>
    </div>
    <div class="footer-bottom">
        <p>© 2026 <a href="/">ايجي لفرز لنتائج الشهادة الإعدادية</a> - جميع الحقوق محفوظة</p>
    </div>
</footer>

<!-- Notifications Scripts -->
<script>
(function(){
    'use strict';
    
    // انتظار جاهزية DOM
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initNTF);
    } else {
        initNTF();
    }
    
    function initNTF() {
        var root = document.getElementById('ntf-root');
        var dataEl = document.getElementById('ntf-data');
        if (!root || !dataEl) return;
        
        var notifications;
        try { 
            notifications = JSON.parse(dataEl.textContent); 
        } catch(e) { 
            console.error('NTF: Parse error', e);
            return; 
        }
        
        if (!notifications || !notifications.length) return;
        
        // إدراج CSS
        injectStyles();
        
        // وقت البدء للعد التنازلي
        var startTime = Date.now();
        
        // تتبع التنبيهات المعروضة لمنع التكرار
        var displayed = {};
        
        // عرض كل تنبيه
        notifications.forEach(function(n) {
            // منع التكرار
            if (displayed[n.id]) return;
            
            // التحقق من "عرض مرة واحدة"
            if (n.once) {
                try {
                    if (localStorage.getItem('ntf_seen_' + n.id)) return;
                } catch(e) {}
            }
            
            displayed[n.id] = true;
            
            // تأخير العرض
            var delay = n.delay || 0;
            
            setTimeout(function() {
                renderNotification(n, root, startTime);
                
                // حفظ حالة "تم العرض"
                if (n.once) {
                    try { 
                        localStorage.setItem('ntf_seen_' + n.id, Date.now().toString()); 
                    } catch(e) {}
                }
            }, delay);
        });
    }
    
    // ═══════════════════════════════════════════════════════════════
    // الألوان والأيقونات
    // ═══════════════════════════════════════════════════════════════
    var ICONS = {
        info: 'ℹ️', success: '✅', warning: '⚠️', 
        danger: '🚨', announcement: '📢'
    };
    
    var COLORS = {
        info: { bg: '#3b82f6', bg2: '#1d4ed8', light: '#dbeafe' },
        success: { bg: '#10b981', bg2: '#059669', light: '#d1fae5' },
        warning: { bg: '#f59e0b', bg2: '#d97706', light: '#fef3c7' },
        danger: { bg: '#ef4444', bg2: '#dc2626', light: '#fee2e2' },
        announcement: { bg: '#8b5cf6', bg2: '#7c3aed', light: '#ede9fe' }
    };
    
    // ═══════════════════════════════════════════════════════════════
    // عرض التنبيه حسب النوع
    // ═══════════════════════════════════════════════════════════════
    function renderNotification(n, root, startTime) {
        var type = n.type || 'info';
        var icon = n.icon || ICONS[type] || '🔔';
        var c = COLORS[type] || COLORS.info;
        var html = '';
        var position = 'default';
        
        switch(n.display) {
            case 'banner':
                html = createBanner(n, icon, c);
                position = 'banner';
                break;
            case 'popup':
                html = createPopup(n, icon, c);
                position = 'overlay';
                break;
            case 'countdown':
                html = createCountdown(n, icon, c);
                position = 'overlay';
                break;
            case 'floating':
                html = createFloating(n, icon, c);
                position = 'floating';
                break;
            case 'bottombar':
                html = createBottombar(n, icon, c);
                position = 'bottombar';
                break;
            case 'fullscreen':
                html = createFullscreen(n, icon, c);
                position = 'overlay';
                break;
            case 'slide':
                html = createSlide(n, icon, c);
                position = 'slide';
                break;
            case 'toast':
                html = createToast(n, icon, c);
                position = 'toast';
                break;
            case 'ribbon':
                html = createRibbon(n, icon, c);
                position = 'ribbon';
                break;
            case 'spotlight':
                html = createSpotlight(n, icon, c);
                position = 'overlay';
                break;
            default:
                html = createBanner(n, icon, c);
                position = 'banner';
        }
        
        if (!html) return;
        
        // إدراج HTML في المكان المناسب
        var container = getContainer(root, position);
        container.insertAdjacentHTML('beforeend', html);
        
        // تفعيل الظهور
        requestAnimationFrame(function() {
            setTimeout(function() {
                var el = document.getElementById('ntf-' + n.id);
                if (el) {
                    el.classList.add('show');
                    
                    // تشغيل العد التنازلي
                    if (n.countdown && n.remaining > 0) {
                        runCountdown(el, n, startTime);
                    } else if (n.countdown && n.remaining <= 0) {
                        showCountdownDone(el, n);
                    }
                    
                    // إغلاق تلقائي لـ Toast بعد 5 ثواني
                    if (n.display === 'toast') {
                        setTimeout(function() {
                            closeNotification(n.id);
                        }, 5000);
                    }
                }
            }, 50);
        });
    }
    
    // ═══════════════════════════════════════════════════════════════
    // الحاويات حسب نوع العرض
    // ═══════════════════════════════════════════════════════════════
    function getContainer(root, position) {
        var containerId = 'ntf-container-' + position;
        var existing = document.getElementById(containerId);
        if (existing) return existing;
        
        var container = document.createElement('div');
        container.id = containerId;
        container.className = 'ntf-container ntf-container-' + position;
        
        // تحديد مكان الإدراج
        if (position === 'banner') {
            // البانر في أعلى الصفحة بعد الـ header
            var header = document.querySelector('header, .hero, nav');
            if (header && header.nextSibling) {
                header.parentNode.insertBefore(container, header.nextSibling);
            } else {
                document.body.insertBefore(container, document.body.firstChild);
            }
        } else {
            root.appendChild(container);
        }
        
        return container;
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 1. BANNER - بانر علوي
    // ═══════════════════════════════════════════════════════════════
    function createBanner(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-close" onclick="NTF.close('+n.id+')" aria-label="إغلاق">×</button>' : '';
        
        return '<div class="ntf ntf-banner" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
            '<div class="ntf-banner-inner">' +
                '<span class="ntf-banner-icon">'+icon+'</span>' +
                '<div class="ntf-banner-text">' +
                    '<strong>'+esc(n.title)+'</strong>' +
                    '<span>'+esc(n.message)+'</span>' +
                '</div>' +
                (n.link ? '<a href="'+esc(n.link)+'" class="ntf-banner-btn">'+esc(n.linkText)+' ←</a>' : '') +
                closeBtn +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 2. POPUP - نافذة منبثقة
    // ═══════════════════════════════════════════════════════════════
    function createPopup(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-popup-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        var overlayClose = n.dismissible !== false ? 
            ' onclick="if(event.target===this)NTF.close('+n.id+')"' : '';
        
        return '<div class="ntf ntf-overlay" id="ntf-'+n.id+'"'+overlayClose+'>' +
            '<div class="ntf-popup" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
                closeBtn +
                '<div class="ntf-popup-header">' +
                    '<div class="ntf-popup-icon">'+icon+'</div>' +
                    '<h3>'+esc(n.title)+'</h3>' +
                '</div>' +
                '<div class="ntf-popup-body">' +
                    '<p>'+esc(n.message)+'</p>' +
                    (n.link ? '<a href="'+esc(n.link)+'" class="ntf-popup-btn">'+esc(n.linkText)+'</a>' : '') +
                '</div>' +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 3. COUNTDOWN - عد تنازلي
    // ═══════════════════════════════════════════════════════════════
    function createCountdown(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-countdown-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        var overlayClose = n.dismissible !== false ? 
            ' onclick="if(event.target===this)NTF.close('+n.id+')"' : '';
        
        return '<div class="ntf ntf-overlay" id="ntf-'+n.id+'"'+overlayClose+'>' +
            '<div class="ntf-countdown" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
                closeBtn +
                '<div class="ntf-countdown-header">' +
                    '<div class="ntf-countdown-icon">⏳</div>' +
                    '<h2>'+esc(n.title)+'</h2>' +
                    '<p>'+esc(n.message)+'</p>' +
                '</div>' +
                '<div class="ntf-countdown-timer" data-timer>' +
                    '<div class="ntf-timer-unit"><span data-d>00</span><small>يوم</small></div>' +
                    '<div class="ntf-timer-sep">:</div>' +
                    '<div class="ntf-timer-unit"><span data-h>00</span><small>ساعة</small></div>' +
                    '<div class="ntf-timer-sep">:</div>' +
                    '<div class="ntf-timer-unit"><span data-m>00</span><small>دقيقة</small></div>' +
                    '<div class="ntf-timer-sep">:</div>' +
                    '<div class="ntf-timer-unit"><span data-s>00</span><small>ثانية</small></div>' +
                '</div>' +
                '<div class="ntf-countdown-progress"><div class="ntf-countdown-bar" data-bar></div></div>' +
                '<div class="ntf-countdown-done" data-done>' +
                    '<div class="ntf-done-icon">🎉</div>' +
                    '<div class="ntf-done-text">'+esc(n.doneMsg)+'</div>' +
                    (n.link ? '<a href="'+esc(n.link)+'" class="ntf-done-btn">'+esc(n.linkText)+' →</a>' : '') +
                '</div>' +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 4. FLOATING - عائم
    // ═══════════════════════════════════════════════════════════════
    function createFloating(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-floating-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        
        return '<div class="ntf ntf-floating" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
            '<div class="ntf-floating-header">' +
                '<span class="ntf-floating-icon">'+icon+'</span>' +
                '<span class="ntf-floating-title">'+esc(n.title)+'</span>' +
                closeBtn +
            '</div>' +
            '<div class="ntf-floating-body">' +
                '<p>'+esc(n.message)+'</p>' +
                (n.link ? '<a href="'+esc(n.link)+'" class="ntf-floating-btn">'+esc(n.linkText)+' ←</a>' : '') +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 5. BOTTOMBAR - بار سفلي
    // ═══════════════════════════════════════════════════════════════
    function createBottombar(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-bottombar-close" onclick="NTF.close('+n.id+')" aria-label="إغلاق">' +
                '<svg viewBox="0 0 24 24" width="24" height="24"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" fill="none"/></svg>' +
            '</button>' : '';
        
        return '<div class="ntf ntf-bottombar" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
            '<div class="ntf-bottombar-inner">' +
                '<div class="ntf-bottombar-content">' +
                    '<span class="ntf-bottombar-icon">'+icon+'</span>' +
                    '<div class="ntf-bottombar-text">' +
                        '<strong>'+esc(n.title)+'</strong>' +
                        '<span>'+esc(n.message)+'</span>' +
                    '</div>' +
                '</div>' +
                '<div class="ntf-bottombar-actions">' +
                    (n.link ? '<a href="'+esc(n.link)+'" class="ntf-bottombar-btn">'+esc(n.linkText)+' →</a>' : '') +
                    closeBtn +
                '</div>' +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 6. FULLSCREEN - شاشة كاملة
    // ═══════════════════════════════════════════════════════════════
    function createFullscreen(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-fullscreen-close" onclick="NTF.close('+n.id+')">' +
                '<svg viewBox="0 0 24 24" width="32" height="32"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" fill="none"/></svg>' +
            '</button>' : '';
        
        return '<div class="ntf ntf-fullscreen" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
            closeBtn +
            '<div class="ntf-fullscreen-content">' +
                '<div class="ntf-fullscreen-icon">'+icon+'</div>' +
                '<h1>'+esc(n.title)+'</h1>' +
                '<p>'+esc(n.message)+'</p>' +
                (n.link ? '<a href="'+esc(n.link)+'" class="ntf-fullscreen-btn">'+esc(n.linkText)+' →</a>' : '') +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 7. SLIDE - سلايد جانبي
    // ═══════════════════════════════════════════════════════════════
    function createSlide(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-slide-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        
        return '<div class="ntf ntf-slide" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
            '<div class="ntf-slide-stripe"></div>' +
            closeBtn +
            '<div class="ntf-slide-icon">'+icon+'</div>' +
            '<div class="ntf-slide-content">' +
                '<h4>'+esc(n.title)+'</h4>' +
                '<p>'+esc(n.message)+'</p>' +
                (n.link ? '<a href="'+esc(n.link)+'" class="ntf-slide-btn">'+esc(n.linkText)+' →</a>' : '') +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 8. TOAST - إشعار سريع
    // ═══════════════════════════════════════════════════════════════
    function createToast(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-toast-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        
        return '<div class="ntf ntf-toast" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+';--cl:'+c.light+'">' +
            '<div class="ntf-toast-progress"></div>' +
            '<div class="ntf-toast-icon">'+icon+'</div>' +
            '<div class="ntf-toast-content">' +
                '<strong>'+esc(n.title)+'</strong>' +
                '<span>'+esc(n.message)+'</span>' +
            '</div>' +
            closeBtn +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 9. RIBBON - شريط زاوية
    // ═══════════════════════════════════════════════════════════════
    function createRibbon(n, icon, c) {
        return '<div class="ntf ntf-ribbon" id="ntf-'+n.id+'" style="--c1:'+c.bg+';--c2:'+c.bg2+'"' +
            (n.link ? ' onclick="window.location.href=\''+esc(n.link)+'\'"' : '') + '>' +
            '<div class="ntf-ribbon-inner">' +
                '<span>'+icon+' '+esc(n.title)+'</span>' +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // 10. SPOTLIGHT - تسليط الضوء
    // ═══════════════════════════════════════════════════════════════
    function createSpotlight(n, icon, c) {
        var closeBtn = n.dismissible !== false ? 
            '<button class="ntf-spotlight-close" onclick="NTF.close('+n.id+')">×</button>' : '';
        var overlayClose = n.dismissible !== false ? 
            ' onclick="if(event.target===this)NTF.close('+n.id+')"' : '';
        
        return '<div class="ntf ntf-spotlight" id="ntf-'+n.id+'"'+overlayClose+'>' +
            '<div class="ntf-spotlight-card" style="--c1:'+c.bg+';--c2:'+c.bg2+'">' +
                closeBtn +
                '<div class="ntf-spotlight-badge">'+icon+' جديد</div>' +
                '<h3>'+esc(n.title)+'</h3>' +
                '<p>'+esc(n.message)+'</p>' +
                (n.link ? '<a href="'+esc(n.link)+'" class="ntf-spotlight-btn">'+esc(n.linkText)+'</a>' : '') +
            '</div>' +
        '</div>';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // العد التنازلي
    // ═══════════════════════════════════════════════════════════════
    function runCountdown(el, n, startTime) {
        var initial = n.initialRemaining || n.remaining;
        var timerInterval;
        
        function tick() {
            var elapsed = Math.floor((Date.now() - startTime) / 1000);
            var remain = Math.max(0, n.remaining - elapsed);
            
            var d = Math.floor(remain / 86400);
            var h = Math.floor((remain % 86400) / 3600);
            var m = Math.floor((remain % 3600) / 60);
            var s = remain % 60;
            
            updateElement(el, '[data-d]', pad(d));
            updateElement(el, '[data-h]', pad(h));
            updateElement(el, '[data-m]', pad(m));
            updateElement(el, '[data-s]', pad(s));
            
            var bar = el.querySelector('[data-bar]');
            if (bar && initial > 0) {
                bar.style.width = Math.max(0, (remain / initial) * 100) + '%';
            }
            
            if (remain <= 0) {
                clearInterval(timerInterval);
                showCountdownDone(el, n);
            }
        }
        
        tick();
        timerInterval = setInterval(tick, 1000);
        
        // حفظ الـ interval للتنظيف لاحقاً
        el.dataset.interval = timerInterval;
    }
    
    function showCountdownDone(el, n) {
        var timer = el.querySelector('[data-timer]');
        var progress = el.querySelector('.ntf-countdown-progress');
        var done = el.querySelector('[data-done]');
        
        if (timer) timer.style.display = 'none';
        if (progress) progress.style.display = 'none';
        if (done) done.style.display = 'block';
    }
    
    // ═══════════════════════════════════════════════════════════════
    // دوال مساعدة
    // ═══════════════════════════════════════════════════════════════
    function pad(n) { 
        return n < 10 ? '0' + n : '' + n; 
    }
    
    function esc(s) { 
        if (!s) return '';
        var div = document.createElement('div');
        div.textContent = s;
        return div.innerHTML;
    }
    
    function updateElement(parent, selector, value) {
        var el = parent.querySelector(selector);
        if (el) el.textContent = value;
    }
    
    function closeNotification(id) {
        var el = document.getElementById('ntf-' + id);
        if (el) {
            // إيقاف العد التنازلي إن وجد
            if (el.dataset.interval) {
                clearInterval(parseInt(el.dataset.interval));
            }
            
            el.classList.remove('show');
            el.classList.add('hide');
            
            setTimeout(function() { 
                if (el.parentNode) {
                    el.parentNode.removeChild(el);
                }
            }, 500);
        }
    }
    
    // API عام
    window.NTF = {
        close: closeNotification
    };
    
    // ═══════════════════════════════════════════════════════════════
    // إدراج CSS
    // ═══════════════════════════════════════════════════════════════
    function injectStyles() {
        if (document.getElementById('ntf-styles')) return;
        
        var style = document.createElement('style');
        style.id = 'ntf-styles';
        style.textContent = `
/* ═══════════════════════════════════════════════════════════════
   🎨 Notification System v12.5 - Complete Styles
   ═══════════════════════════════════════════════════════════════ */

/* Base */
.ntf{font-family:'Cairo','Segoe UI',system-ui,-apple-system,sans-serif;direction:rtl;box-sizing:border-box;line-height:1.5}
.ntf *{box-sizing:border-box;margin:0;padding:0}

/* Containers */
.ntf-container{pointer-events:none}
.ntf-container>*{pointer-events:auto}
.ntf-container-banner{width:100%;max-width:1200px;margin:0 auto;padding:16px}
.ntf-container-overlay,.ntf-container-default{position:fixed;inset:0;z-index:999999;pointer-events:none}
.ntf-container-floating{position:fixed;bottom:24px;right:24px;z-index:99998;display:flex;flex-direction:column;gap:12px}
.ntf-container-bottombar{position:fixed;bottom:0;left:0;right:0;z-index:99999}
.ntf-container-slide{position:fixed;top:50%;left:0;z-index:99998;transform:translateY(-50%)}
.ntf-container-toast{position:fixed;top:24px;right:24px;z-index:99998;display:flex;flex-direction:column;gap:12px}
.ntf-container-ribbon{position:fixed;top:0;right:0;z-index:99997}

/* ═══════════════════════════════════════════════════════════════
   1. BANNER
   ═══════════════════════════════════════════════════════════════ */
.ntf-banner{opacity:0;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}
.ntf-banner.show{opacity:1;transform:translateY(0)}
.ntf-banner.hide{opacity:0;transform:translateY(-20px)}
.ntf-banner-inner{display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:16px;box-shadow:0 10px 40px -10px rgba(0,0,0,.3);flex-wrap:wrap}
.ntf-banner-icon{font-size:28px;flex-shrink:0}
.ntf-banner-text{flex:1;min-width:200px;color:#fff}
.ntf-banner-text strong{display:block;font-size:15px;font-weight:700;margin-bottom:2px}
.ntf-banner-text span{font-size:13px;opacity:.9}
.ntf-banner-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:50px;color:#fff;text-decoration:none;font-weight:600;font-size:13px;transition:all .3s;white-space:nowrap}
.ntf-banner-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}
.ntf-banner .ntf-close{width:36px;height:36px;background:rgba(255,255,255,.15);border:none;border-radius:50%;cursor:pointer;color:#fff;font-size:20px;transition:all .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ntf-banner .ntf-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}

/* ═══════════════════════════════════════════════════════════════
   2. POPUP
   ═══════════════════════════════════════════════════════════════ */
.ntf-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,0);backdrop-filter:blur(0);opacity:0;visibility:hidden;transition:all .4s}
.ntf-overlay.show{background:rgba(15,23,42,.85);backdrop-filter:blur(8px);opacity:1;visibility:visible}
.ntf-overlay.hide{background:rgba(15,23,42,0);backdrop-filter:blur(0);opacity:0}

.ntf-popup{width:100%;max-width:420px;background:#fff;border-radius:24px;overflow:hidden;transform:scale(.8) translateY(40px);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px -20px rgba(0,0,0,.5)}
.ntf-overlay.show .ntf-popup{transform:scale(1) translateY(0)}
.ntf-popup-close{position:absolute;top:16px;left:16px;z-index:10;width:40px;height:40px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:none;border-radius:50%;font-size:24px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-popup-close:hover{background:#fff;color:#ef4444;transform:rotate(90deg)}
.ntf-popup-header{position:relative;padding:48px 32px 40px;background:linear-gradient(135deg,var(--c1),var(--c2));text-align:center}
.ntf-popup-header::after{content:'';position:absolute;bottom:-24px;left:0;right:0;height:48px;background:inherit;border-radius:0 0 50% 50%/0 0 100% 100%}
.ntf-popup-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 4px 15px rgba(0,0,0,.2))}
.ntf-popup-header h3{position:relative;z-index:1;font-size:22px;color:#fff;font-weight:800}
.ntf-popup-body{padding:48px 32px 32px;text-align:center}
.ntf-popup-body p{font-size:15px;color:#64748b;line-height:1.8;margin-bottom:24px}
.ntf-popup-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:15px;transition:all .3s;box-shadow:0 10px 30px -10px var(--c1)}
.ntf-popup-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px -10px var(--c1)}

/* ═══════════════════════════════════════════════════════════════
   3. COUNTDOWN
   ═══════════════════════════════════════════════════════════════ */
.ntf-countdown{position:relative;width:100%;max-width:500px;background:linear-gradient(165deg,#0f172a,#1e293b);border-radius:28px;overflow:hidden;transform:scale(.8);transition:all .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.1)}
.ntf-overlay.show .ntf-countdown{transform:scale(1)}
.ntf-countdown-close{position:absolute;top:20px;left:20px;width:44px;height:44px;background:rgba(255,255,255,.1);border:none;border-radius:50%;font-size:24px;color:#fff;cursor:pointer;transition:all .3s;z-index:10;display:flex;align-items:center;justify-content:center}
.ntf-countdown-close:hover{background:#ef4444;transform:rotate(90deg)}
.ntf-countdown-header{padding:48px 32px 32px;text-align:center}
.ntf-countdown-icon{font-size:64px;margin-bottom:20px;animation:ntfFloat 3s ease-in-out infinite}
.ntf-countdown-header h2{font-size:26px;font-weight:900;margin-bottom:12px;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ntf-countdown-header p{font-size:15px;color:#94a3b8}
.ntf-countdown-timer{display:flex;justify-content:center;gap:12px;padding:0 24px 24px;flex-wrap:wrap}
.ntf-timer-unit{background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 20px;min-width:80px;text-align:center;transition:all .3s}
.ntf-timer-unit:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.5)}
.ntf-timer-unit span{display:block;font-size:36px;font-weight:900;background:linear-gradient(180deg,#fff,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.ntf-timer-unit small{display:block;font-size:11px;color:#64748b;margin-top:6px}
.ntf-timer-sep{font-size:32px;color:#6366f1;font-weight:900;align-self:center;animation:ntfBlink 1s step-end infinite}
.ntf-countdown-progress{height:6px;background:rgba(255,255,255,.1);margin:0 24px 24px;border-radius:10px;overflow:hidden}
.ntf-countdown-bar{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7,#ec4899);border-radius:10px;transition:width 1s linear}
.ntf-countdown-done{display:none;padding:24px;text-align:center}
.ntf-done-icon{font-size:64px;margin-bottom:16px;animation:ntfBounce 1s ease infinite}
.ntf-done-text{font-size:22px;font-weight:800;color:#22c55e;margin-bottom:20px}
.ntf-done-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:16px;box-shadow:0 10px 30px -10px rgba(34,197,94,.5);transition:all .3s}
.ntf-done-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px -10px rgba(34,197,94,.6)}

/* ═══════════════════════════════════════════════════════════════
   4. FLOATING
   ═══════════════════════════════════════════════════════════════ */
.ntf-floating{width:340px;max-width:calc(100vw - 48px);background:#fff;border-radius:20px;box-shadow:0 20px 50px -15px rgba(0,0,0,.3);transform:translateX(120%);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.ntf-floating.show{transform:translateX(0);opacity:1}
.ntf-floating.hide{transform:translateX(120%);opacity:0}
.ntf-floating-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,var(--c1),var(--c2));border-radius:20px 20px 0 0}
.ntf-floating-icon{font-size:24px}
.ntf-floating-title{flex:1;font-size:14px;font-weight:700;color:#fff}
.ntf-floating-close{width:32px;height:32px;background:rgba(255,255,255,.2);border:none;border-radius:50%;font-size:18px;color:#fff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-floating-close:hover{background:#fff;color:#ef4444;transform:rotate(90deg)}
.ntf-floating-body{padding:18px}
.ntf-floating-body p{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:14px}
.ntf-floating-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:12px;transition:all .3s}
.ntf-floating-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -8px var(--c1)}

/* ═══════════════════════════════════════════════════════════════
   5. BOTTOMBAR
   ═══════════════════════════════════════════════════════════════ */
.ntf-bottombar{transform:translateY(100%);transition:all .5s cubic-bezier(.34,1.56,.64,1)}
.ntf-bottombar.show{transform:translateY(0)}
.ntf-bottombar.hide{transform:translateY(100%)}
.ntf-bottombar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:linear-gradient(135deg,var(--c1),var(--c2));flex-wrap:wrap}
.ntf-bottombar-content{display:flex;align-items:center;gap:16px;flex:1}
.ntf-bottombar-icon{font-size:32px;flex-shrink:0}
.ntf-bottombar-text{color:#fff}
.ntf-bottombar-text strong{display:block;font-size:15px;font-weight:700;margin-bottom:2px}
.ntf-bottombar-text span{font-size:13px;opacity:.9}
.ntf-bottombar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.ntf-bottombar-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:var(--c1);text-decoration:none;border-radius:50px;font-weight:700;font-size:14px;transition:all .3s;white-space:nowrap}
.ntf-bottombar-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.2)}
.ntf-bottombar-close{width:44px;height:44px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-bottombar-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}

/* ═══════════════════════════════════════════════════════════════
   6. FULLSCREEN
   ═══════════════════════════════════════════════════════════════ */
.ntf-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c1),var(--c2));opacity:0;visibility:hidden;transition:all .5s}
.ntf-fullscreen.show{opacity:1;visibility:visible}
.ntf-fullscreen.hide{opacity:0}
.ntf-fullscreen-close{position:absolute;top:32px;left:32px;width:56px;height:56px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:none;border-radius:50%;cursor:pointer;color:#fff;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-fullscreen-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
.ntf-fullscreen-content{text-align:center;color:#fff;padding:32px;max-width:700px;transform:scale(.8) translateY(40px);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1) .2s}
.ntf-fullscreen.show .ntf-fullscreen-content{transform:scale(1) translateY(0);opacity:1}
.ntf-fullscreen-icon{font-size:100px;margin-bottom:32px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3));animation:ntfFloat 3s ease-in-out infinite}
.ntf-fullscreen-content h1{font-size:clamp(28px,6vw,52px);font-weight:900;margin-bottom:20px;text-shadow:0 4px 20px rgba(0,0,0,.2)}
.ntf-fullscreen-content p{font-size:clamp(16px,2.5vw,20px);opacity:.9;margin-bottom:36px;line-height:1.7}
.ntf-fullscreen-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 44px;background:#fff;color:var(--c1);text-decoration:none;border-radius:60px;font-weight:800;font-size:17px;transition:all .3s;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.ntf-fullscreen-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 28px 60px rgba(0,0,0,.4)}

/* ═══════════════════════════════════════════════════════════════
   7. SLIDE
   ═══════════════════════════════════════════════════════════════ */
.ntf-slide{background:#fff;border-radius:0 20px 20px 0;box-shadow:10px 0 40px rgba(0,0,0,.15);overflow:hidden;transform:translateX(-100%);transition:all .5s cubic-bezier(.34,1.56,.64,1);max-width:320px}
.ntf-slide.show{transform:translateX(0)}
.ntf-slide.hide{transform:translateX(-100%)}
.ntf-slide-stripe{position:absolute;top:0;right:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--c1),var(--c2))}
.ntf-slide-close{position:absolute;top:12px;left:12px;width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;font-size:18px;color:#64748b;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-slide-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}
.ntf-slide-icon{font-size:44px;margin:28px 20px 16px}
.ntf-slide-content{padding:0 20px 24px}
.ntf-slide-content h4{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:8px}
.ntf-slide-content p{font-size:13px;color:#64748b;line-height:1.7;margin-bottom:16px}
.ntf-slide-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:12px;transition:all .3s}
.ntf-slide-btn:hover{transform:translateX(4px)}

/* ═══════════════════════════════════════════════════════════════
   8. TOAST
   ═══════════════════════════════════════════════════════════════ */
.ntf-toast{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);border-right:4px solid var(--c1);transform:translateX(120%);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1);max-width:380px;position:relative;overflow:hidden}
.ntf-toast.show{transform:translateX(0);opacity:1}
.ntf-toast.hide{transform:translateX(120%);opacity:0}
.ntf-toast-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:var(--cl);overflow:hidden}
.ntf-toast-progress::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--c1),var(--c2));animation:ntfProgress 5s linear forwards}
.ntf-toast-icon{font-size:28px;flex-shrink:0}
.ntf-toast-content{flex:1;min-width:0}
.ntf-toast-content strong{display:block;font-size:14px;font-weight:700;color:#1e293b;margin-bottom:2px}
.ntf-toast-content span{font-size:12px;color:#64748b;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ntf-toast-close{width:32px;height:32px;background:#f1f5f9;border:none;border-radius:50%;font-size:18px;color:#94a3b8;cursor:pointer;transition:all .3s;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.ntf-toast-close:hover{background:#ef4444;color:#fff}

/* ═══════════════════════════════════════════════════════════════
   9. RIBBON
   ═══════════════════════════════════════════════════════════════ */
.ntf-ribbon{width:150px;height:150px;overflow:hidden;opacity:0;transform:scale(0);transition:all .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer}
.ntf-ribbon.show{opacity:1;transform:scale(1)}
.ntf-ribbon-inner{position:absolute;top:28px;right:-40px;width:180px;padding:10px 0;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;text-align:center;font-weight:700;font-size:12px;transform:rotate(45deg);box-shadow:0 4px 15px rgba(0,0,0,.2)}
.ntf-ribbon-inner span{display:flex;align-items:center;justify-content:center;gap:6px}

/* ═══════════════════════════════════════════════════════════════
   10. SPOTLIGHT
   ═══════════════════════════════════════════════════════════════ */
.ntf-spotlight{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,0);visibility:hidden;transition:all .5s}
.ntf-spotlight.show{background:rgba(0,0,0,.85);visibility:visible}
.ntf-spotlight.hide{background:rgba(0,0,0,0)}
.ntf-spotlight-card{position:relative;width:100%;max-width:400px;background:#fff;border-radius:24px;padding:40px 32px;text-align:center;transform:scale(.7) rotateX(20deg);opacity:0;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 0 4px var(--c1),0 25px 60px rgba(0,0,0,.4)}
.ntf-spotlight.show .ntf-spotlight-card{transform:scale(1) rotateX(0);opacity:1}
.ntf-spotlight-close{position:absolute;top:16px;left:16px;width:36px;height:36px;background:#f1f5f9;border:none;border-radius:50%;font-size:20px;color:#94a3b8;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}
.ntf-spotlight-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}
.ntf-spotlight-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border-radius:50px;font-size:13px;font-weight:700;margin-bottom:24px}
.ntf-spotlight-card h3{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:14px}
.ntf-spotlight-card p{font-size:15px;color:#64748b;line-height:1.8;margin-bottom:24px}
.ntf-spotlight-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:15px;transition:all .3s;box-shadow:0 10px 30px -10px var(--c1)}
.ntf-spotlight-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px -10px var(--c1)}

/* ═══════════════════════════════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════════════════════════════ */
@keyframes ntfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@keyframes ntfBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ntfBlink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes ntfProgress{0%{width:100%}100%{width:0}}

/* ═══════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:768px){
    .ntf-container-banner{padding:12px}
    .ntf-banner-inner{flex-direction:column;text-align:center;padding:16px 20px}
    .ntf-banner-text{min-width:auto}
    .ntf-banner .ntf-close{position:absolute;top:8px;left:8px}
    
    .ntf-popup{max-width:calc(100% - 32px)}
    .ntf-popup-header{padding:36px 24px 32px}
    .ntf-popup-icon{font-size:48px}
    .ntf-popup-body{padding:40px 24px 24px}
    
    .ntf-countdown{max-width:calc(100% - 32px)}
    .ntf-countdown-header{padding:36px 20px 24px}
    .ntf-countdown-icon{font-size:52px}
    .ntf-countdown-timer{gap:8px;padding:0 16px 20px}
    .ntf-timer-unit{min-width:64px;padding:12px 14px}
    .ntf-timer-unit span{font-size:28px}
    .ntf-timer-sep{font-size:24px}
    
    .ntf-container-floating{right:12px;left:12px;bottom:16px}
    .ntf-floating{width:100%;max-width:none}
    
    .ntf-bottombar-inner{flex-direction:column;padding:20px;gap:16px}
    .ntf-bottombar-content{width:100%;justify-content:center;text-align:center;flex-direction:column}
    .ntf-bottombar-actions{width:100%;justify-content:center}
    .ntf-bottombar-close{position:absolute;top:12px;left:12px}
    
    .ntf-fullscreen-close{top:16px;left:16px;width:44px;height:44px}
    .ntf-fullscreen-content{padding:20px}
    
    .ntf-slide{max-width:280px}
    
    .ntf-container-toast{right:12px;left:12px;top:16px}
    .ntf-toast{max-width:none}
    
    .ntf-spotlight-card{max-width:calc(100% - 32px);padding:32px 24px}
}

@media(max-width:480px){
    .ntf-timer-unit{min-width:56px;padding:10px 12px}
    .ntf-timer-unit span{font-size:24px}
    .ntf-timer-unit small{font-size:10px}
    .ntf-timer-sep{font-size:20px}
}
`;
        document.head.appendChild(style);
    }
})();
</script>
        
<!-- Main JavaScript -->
<script>
(function(){
    'use strict';
    
    // ★★★ بيانات المحافظات مع الـ slug الجديد ★★★
    var governorates = [{"name":"الإسكندرية","slug":"alexandria","available":true,"academic_year":"2025-2026"},{"name":"السويس","slug":"suez","available":true,"academic_year":"2025-2026"},{"name":"الشرقية","slug":"sharqia","available":true,"academic_year":"2025\/2026"},{"name":"الغربية","slug":"gharbia","available":true,"academic_year":"2025-2026"},{"name":"بني سويف","slug":"beni-suef","available":true,"academic_year":"2025-2026"},{"name":"بورسعيد","slug":"port-said","available":true,"academic_year":"2025-2026"},{"name":"مطروح","slug":"matrouh","available":true,"academic_year":"2025-2026"},{"name":"أسوان","slug":"aswan","available":false,"academic_year":null},{"name":"أسيوط","slug":"assiut","available":false,"academic_year":null},{"name":"الأقصر","slug":"luxor","available":false,"academic_year":null},{"name":"الإسماعيلية","slug":"ismailia","available":false,"academic_year":null},{"name":"البحر الأحمر","slug":"red-sea","available":false,"academic_year":null},{"name":"البحيرة","slug":"beheira","available":false,"academic_year":null},{"name":"الجيزة","slug":"giza","available":false,"academic_year":null},{"name":"الدقهلية","slug":"dakahlia","available":false,"academic_year":null},{"name":"الفيوم","slug":"fayoum","available":false,"academic_year":null},{"name":"القليوبية","slug":"qalyubia","available":false,"academic_year":null},{"name":"المنوفية","slug":"menoufia","available":false,"academic_year":null},{"name":"المنيا","slug":"minya","available":false,"academic_year":null},{"name":"الوادي الجديد","slug":"new-valley","available":false,"academic_year":null},{"name":"جنوب سيناء","slug":"south-sinai","available":false,"academic_year":null},{"name":"دمياط","slug":"damietta","available":false,"academic_year":null},{"name":"سوهاج","slug":"sohag","available":false,"academic_year":null},{"name":"شمال سيناء","slug":"north-sinai","available":false,"academic_year":null},{"name":"قنا","slug":"qena","available":false,"academic_year":null},{"name":"كفر الشيخ","slug":"kafr-elsheikh","available":false,"academic_year":null}];
    
    var navbar = document.getElementById('navbar');
    var searchInput = document.getElementById('searchInput');
    var suggestions = document.getElementById('suggestions');
    var govGrid = document.getElementById('govGrid');
    var cards = govGrid ? Array.from(govGrid.querySelectorAll('.gov-card')) : [];
    var debounceTimer;
    
    // Navbar Scroll Effect
    window.addEventListener('scroll', function() {
        navbar.classList.toggle('scrolled', window.scrollY > 50);
    }, {passive: true});
    
    // Search Functionality
    searchInput.addEventListener('input', function() {
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(function() {
            var query = searchInput.value.trim().toLowerCase();
            
            if (query.length < 1) {
                suggestions.classList.remove('active');
                cards.forEach(function(card) { card.style.display = ''; });
                return;
            }
            
            // Filter Cards
            cards.forEach(function(card) {
                var name = (card.dataset.name || '').toLowerCase();
                var slug = (card.dataset.slug || '').toLowerCase();
                card.style.display = (name.includes(query) || slug.includes(query)) ? '' : 'none';
            });
            
            // Show Suggestions
            var matches = governorates.filter(function(g) {
                return (g.name && g.name.toLowerCase().includes(query)) ||
                       (g.slug && g.slug.toLowerCase().includes(query));
            });
            
            if (matches.length > 0) {
                var html = '';
                matches.forEach(function(g) {
                    // ★★★ الرابط الجديد النظيف ★★★
                    var link = g.available ? '/gov/' + g.slug : '#';
                    var iconClass = g.available ? 'available' : 'unavailable';
                    var statusText = g.available ? 'متاحة الآن' : 'قريباً';
                    var icon = g.available ? '✅' : '⏳';
                    
                    html += '<a href="' + link + '" class="suggestion-item">' +
                        '<div class="suggestion-info">' +
                            '<div class="suggestion-icon ' + iconClass + '">' + icon + '</div>' +
                            '<div>' +
                                '<div class="suggestion-name">' + escapeHtml(g.name) + '</div>' +
                                '<div class="suggestion-year">' + (g.academic_year || '') + '</div>' +
                            '</div>' +
                        '</div>' +
                        '<span class="suggestion-status ' + iconClass + '">' + statusText + '</span>' +
                    '</a>';
                });
                
                suggestions.innerHTML = html;
                suggestions.classList.add('active');
            } else {
                suggestions.classList.remove('active');
            }
        }, 100);
    });
    
    searchInput.addEventListener('focus', function() {
        if (searchInput.value.trim().length > 0) {
            searchInput.dispatchEvent(new Event('input'));
        }
    });
    
    // Close Suggestions
    document.addEventListener('click', function(e) {
        if (!e.target.closest('.search-container')) {
            suggestions.classList.remove('active');
        }
    });
    
    // Search Button Click
    document.getElementById('searchBtn').addEventListener('click', function() {
        var query = searchInput.value.trim().toLowerCase();
        if (query) {
            var match = governorates.find(function(g) {
                return g.available && (
                    (g.name && g.name.toLowerCase().includes(query)) ||
                    (g.slug && g.slug.toLowerCase().includes(query))
                );
            });
            if (match) {
                window.location.href = '/gov/' + match.slug;
            }
        }
    });
    
    // Enter Key
    searchInput.addEventListener('keypress', function(e) {
        if (e.key === 'Enter') {
            document.getElementById('searchBtn').click();
        }
    });
    
    // Filter Buttons
    document.querySelectorAll('.filter-btn').forEach(function(btn) {
        btn.addEventListener('click', function() {
            document.querySelectorAll('.filter-btn').forEach(function(b) {
                b.classList.remove('active');
                b.setAttribute('aria-selected', 'false');
            });
            this.classList.add('active');
            this.setAttribute('aria-selected', 'true');
            
            var filter = this.dataset.filter;
            
            cards.forEach(function(c) { c.style.display = ''; });
            
            if (filter === 'high' && govGrid) {
                var sorted = cards.slice().sort(function(a, b) {
                    return parseFloat(b.dataset.rate || 0) - parseFloat(a.dataset.rate || 0);
                });
                sorted.forEach(function(c) { govGrid.appendChild(c); });
            } else if (filter === 'recent' && govGrid) {
                var sorted = cards.slice().sort(function(a, b) {
                    return parseInt(b.dataset.date || 0) - parseInt(a.dataset.date || 0);
                });
                sorted.forEach(function(c) { govGrid.appendChild(c); });
            }
        });
    });
    
    // Escape HTML
    function escapeHtml(str) {
        if (!str) return '';
        return str.replace(/&/g, '&amp;')
                  .replace(/</g, '&lt;')
                  .replace(/>/g, '&gt;')
                  .replace(/"/g, '&quot;');
    }
})();
</script>

<!-- AdSense Lazy Load -->
<script>
(function(){
    var loaded = false;
    function loadAds() {
        if (loaded) return;
        loaded = true;
        var s = document.createElement('script');
        s.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9862555015947115';
        s.async = true;
        s.crossOrigin = 'anonymous';
        document.head.appendChild(s);
    }
    ['mousemove','touchstart','scroll','keydown'].forEach(function(e) {
        window.addEventListener(e, loadAds, {once:true, passive:true});
    });
    setTimeout(loadAds, 3000);
})();
</script>

<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c7a72772be5d42a',t:'MTc3MDA0MzI2Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>