<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-56EN6982Y3"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-56EN6982Y3');
  </script>
  <title>Sayfa Bulunamadı — 404 | Eurostar | İran Üniversiteleri</title>
  <meta name="description" content="İran'da lisans, yüksek lisans ve doktora okumak isteyen Türk öğrenciler için Türkiye'nin 1 numaralı rehber portalı. 60+ üniversite, 80+ program, resmi başvuru desteği." />
  <meta name="keywords" content="İran'da eğitim, İran üniversiteleri, İran'da lisans, İran'da yüksek lisans, İran'da tıp okumak, İran bursları, Tahran üniversitesi, uluslararası öğrenci İran, İran'da ucuz eğitim" />
  <meta name="robots" content="index,follow" />
  <link rel="canonical" href="https://eurostar-iran.pages.dev/" />

  <!-- Open Graph -->
  <meta property="og:title" content="Sayfa Bulunamadı — 404 | Eurostar | İran Üniversiteleri" />
  <meta property="og:description" content="İran'da lisans, yüksek lisans ve doktora okumak isteyen Türk öğrenciler için Türkiye'nin 1 numaralı rehber portalı. 60+ üniversite, 80+ program, resmi başvuru desteği." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://eurostar-iran.pages.dev/" />
  <meta property="og:image" content="https://eurostar-iran.pages.dev/static/og-image.svg" />
  <meta property="og:site_name" content="Eurostar | İran Üniversiteleri" />
  <meta property="og:locale" content="tr_TR" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Sayfa Bulunamadı — 404 | Eurostar | İran Üniversiteleri" />
  <meta name="twitter:description" content="İran'da lisans, yüksek lisans ve doktora okumak isteyen Türk öğrenciler için Türkiye'nin 1 numaralı rehber portalı. 60+ üniversite, 80+ program, resmi başvuru desteği." />
  <meta name="twitter:image" content="https://eurostar-iran.pages.dev/static/og-image.svg" />

  <!-- Favicons -->
  <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />

  <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Eurostar İran Üniversiteleri","url":"https://eurostar-iran.pages.dev","description":"İran üniversitelerine başvuru için Türkiye'nin en kapsamlı rehber portalı","inLanguage":"tr","potentialAction":{"@type":"SearchAction","target":"https://eurostar-iran.pages.dev/universiteler?q={search_term_string}","query-input":"required name=search_term_string"},"publisher":{"@type":"Organization","name":"Eurostar International Education","url":"https://eurostar-iran.pages.dev"}}</script>

  <!-- Fonts & Icons -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Arabic:wght@400;600;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.0/css/all.min.css" />

  <!-- Tailwind CSS -->
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            brand:   { 50:'#fef2f2',100:'#fee2e2',200:'#fecaca',300:'#fca5a5',400:'#f87171',500:'#ef4444',600:'#dc2626',700:'#b91c1c',800:'#991b1b',900:'#7f1d1d',950:'#450a0a' },
            gold:    { 50:'#fffbeb',100:'#fef3c7',200:'#fde68a',300:'#fcd34d',400:'#fbbf24',500:'#f59e0b',600:'#d97706',700:'#b45309',800:'#92400e',900:'#78350f' },
            emerald: { 50:'#ecfdf5',100:'#d1fae5',500:'#10b981',600:'#059669',700:'#047857',800:'#065f46' },
            slate:   { 50:'#f8fafc',100:'#f1f5f9',200:'#e2e8f0',300:'#cbd5e1',400:'#94a3b8',500:'#64748b',600:'#475569',700:'#334155',800:'#1e293b',900:'#0f172a',950:'#020617' }
          },
          fontFamily: {
            sans:   ['Inter','system-ui','sans-serif'],
            arabic: ['Noto Sans Arabic','sans-serif']
          },
          boxShadow: {
            'glow-brand': '0 0 30px rgba(220,38,38,0.3)',
            'glow-gold':  '0 0 30px rgba(245,158,11,0.3)',
            'card':       '0 4px 24px rgba(0,0,0,0.08)',
            'card-hover': '0 12px 40px rgba(0,0,0,0.15)'
          }
        }
      }
    }
  </script>

  <!-- Custom Design System -->
  <link rel="stylesheet" href="/static/style.css" />
</head>
<body class="font-sans bg-slate-50 text-slate-800 antialiased">

  <!-- ══ TOP ANNOUNCEMENT BAR ══════════════════════════════════════════════ -->
  <div class="announcement-bar bg-gradient-to-r from-slate-900 via-brand-900 to-slate-900 text-white text-xs py-2 px-4 text-center">
    <div class="max-w-7xl mx-auto flex items-center justify-center gap-6 flex-wrap">
      <span class="flex items-center gap-1.5">
        <i class="fas fa-shield-check text-gold-400 text-xs"></i>
        <span class="text-slate-300">Eurostar uzmanları</span>
        <span class="font-semibold text-white">60 üniversite</span>
      </span>
      <span class="hidden sm:flex items-center gap-1.5 text-slate-400">|</span>
      <span class="hidden sm:flex items-center gap-1.5">
        <i class="fas fa-graduation-cap text-gold-400 text-xs"></i>
        <span class="text-slate-300">Toplam</span>
        <span class="font-semibold text-white">3632 program</span>
      </span>
      <span class="hidden md:flex items-center gap-1.5 text-slate-400">|</span>
      <span class="hidden md:flex items-center gap-1.5">
        <i class="fas fa-headset text-gold-400 text-xs"></i>
        <a href="/basvuru-sihirbazi" class="text-gold-300 hover:text-gold-200 font-semibold transition-colors">Ücretsiz Danışmanlık →</a>
      </span>
    </div>
  </div>

  <!-- ══ STICKY NAVIGATION ════════════════════════════════════════════════ -->
  <nav id="main-nav" class="sticky top-0 z-50 bg-white/95 backdrop-blur-md border-b border-slate-200 shadow-sm transition-all duration-300">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
      <div class="flex items-center justify-between h-16">

        <!-- Logo -->
        <a href="/" class="flex items-center gap-3 group flex-shrink-0">
          <div class="w-9 h-9 bg-gradient-to-br from-brand-600 to-brand-800 rounded-lg flex items-center justify-center shadow-md group-hover:shadow-glow-brand transition-all">
            <span class="text-white font-black text-lg leading-none">E</span>
          </div>
          <div class="flex flex-col leading-none">
            <span class="text-brand-700 font-black text-base tracking-tight">EUROSTAR</span>
            <span class="text-slate-500 text-[10px] font-medium tracking-widest uppercase">İran Üniversiteleri</span>
          </div>
        </a>

        <!-- Desktop Nav -->
        <div class="hidden lg:flex items-center gap-1">
          
            <a href="/" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-home text-xs text-slate-400"></i>
              Ana Sayfa
            </a>
          
            <a href="/universiteler" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-university text-xs text-slate-400"></i>
              Üniversiteler
            </a>
          
            <a href="/programlar" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-book-open text-xs text-slate-400"></i>
              Programlar
            </a>
          
            <a href="/sehirler" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-map-marker-alt text-xs text-slate-400"></i>
              Şehirler
            </a>
          
            <a href="/burslar" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-award text-xs text-slate-400"></i>
              Burslar
            </a>
          
            <a href="/ucretler" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-coins text-xs text-slate-400"></i>
              Ücretler
            </a>
          
            <a href="/vize-rehberi" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-passport text-xs text-slate-400"></i>
              Vize
            </a>
          
            <a href="/rehber" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-book text-xs text-slate-400"></i>
              Rehber
            </a>
          
            <a href="/sss" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-question-circle text-xs text-slate-400"></i>
              SSS
            </a>
          
            <a href="/iletisim" class="nav-link flex items-center gap-1.5 px-3 py-2 rounded-lg text-sm font-medium transition-all text-slate-600 hover:text-brand-700 hover:bg-slate-50">
              <i class="fas fa-map-marked-alt text-xs text-slate-400"></i>
              İletişim
            </a>
          
        </div>

        <!-- CTA Button -->
        <div class="hidden lg:flex items-center gap-3">
          <a href="/favoriler" class="relative text-sm text-slate-600 hover:text-red-500 font-medium transition-colors px-2 py-1" title="Favorilerim">
            <i class="far fa-heart mr-1 text-xs"></i>Favoriler
            <span id="fav-total-badge" class="hidden absolute -top-1 -right-1 w-4 h-4 bg-red-500 rounded-full text-xs font-bold text-white flex items-center justify-center leading-none"></span>
          </a>
          <a href="/karsilastir" class="text-sm text-slate-600 hover:text-brand-700 font-medium transition-colors px-2 py-1">
            <i class="fas fa-balance-scale mr-1 text-xs"></i>Karşılaştır
          </a>
          <a href="/basvuru-sihirbazi" class="cta-btn inline-flex items-center gap-2 bg-gradient-to-r from-brand-600 to-brand-700 text-white text-sm font-semibold px-4 py-2.5 rounded-xl hover:from-brand-700 hover:to-brand-800 transition-all shadow-md hover:shadow-glow-brand">
            <i class="fas fa-rocket text-xs"></i>
            Başvuru Başlat
          </a>
        </div>

        <!-- Mobile Menu Button -->
        <button id="mobile-menu-btn" class="lg:hidden p-2 rounded-lg text-slate-600 hover:bg-slate-100 transition-colors">
          <i class="fas fa-bars text-lg"></i>
        </button>
      </div>
    </div>

    <!-- Mobile Menu -->
    <div id="mobile-menu" class="hidden lg:hidden border-t border-slate-200 bg-white">
      <div class="max-w-7xl mx-auto px-4 py-3 grid grid-cols-2 gap-1">
        
          <a href="/" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-home text-slate-400 w-4 text-center"></i>Ana Sayfa
          </a>
        
          <a href="/universiteler" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-university text-slate-400 w-4 text-center"></i>Üniversiteler
          </a>
        
          <a href="/programlar" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-book-open text-slate-400 w-4 text-center"></i>Programlar
          </a>
        
          <a href="/sehirler" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-map-marker-alt text-slate-400 w-4 text-center"></i>Şehirler
          </a>
        
          <a href="/burslar" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-award text-slate-400 w-4 text-center"></i>Burslar
          </a>
        
          <a href="/ucretler" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-coins text-slate-400 w-4 text-center"></i>Ücretler
          </a>
        
          <a href="/vize-rehberi" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-passport text-slate-400 w-4 text-center"></i>Vize Rehberi
          </a>
        
          <a href="/sss" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-question-circle text-slate-400 w-4 text-center"></i>Sık Sorulan
          </a>
        
          <a href="/rehber" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-book text-slate-400 w-4 text-center"></i>Rehberler
          </a>
        
          <a href="/karsilastir" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-balance-scale text-slate-400 w-4 text-center"></i>Karşılaştır
          </a>
        
          <a href="/basvuru-sihirbazi" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-rocket text-slate-400 w-4 text-center"></i>Başvuru Yap
          </a>
        
          <a href="/iletisim" class="flex items-center gap-2 px-3 py-2.5 rounded-lg text-sm font-medium text-slate-700 hover:bg-brand-50 hover:text-brand-700 transition-colors">
            <i class="fas fa-map-marked-alt text-slate-400 w-4 text-center"></i>İletişim
          </a>
        
      </div>
    </div>
  </nav>

  <!-- ══ MAIN CONTENT ═════════════════════════════════════════════════════ -->
  <main id="main-content">
    
  <section class="min-h-[70vh] flex items-center justify-center bg-gradient-to-br from-brand-50 to-blue-50 py-16">
    <div class="max-w-lg mx-auto px-4 text-center">
      <div class="w-24 h-24 bg-brand-100 rounded-3xl flex items-center justify-center mx-auto mb-6">
        <span class="text-5xl font-black text-brand-600">404</span>
      </div>
      <h1 class="text-3xl font-black text-gray-900 mb-3">Sayfa Bulunamadı</h1>
      <p class="text-gray-500 mb-2">Aradığınız sayfa mevcut değil ya da taşınmış olabilir.</p>
      <code class="text-xs bg-gray-100 px-3 py-1 rounded-lg text-gray-500 block mb-8">/sitemap.xml</code>
      <div class="grid grid-cols-2 gap-3 mb-8">
        <a href="/universiteler" class="flex flex-col items-center p-4 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all group">
          <i class="fas fa-university text-2xl text-brand-600 mb-2"></i>
          <span class="font-semibold text-gray-800 text-sm group-hover:text-brand-700">Üniversiteler</span>
          <span class="text-xs text-gray-400">61 üniversite</span>
        </a>
        <a href="/programlar" class="flex flex-col items-center p-4 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all group">
          <i class="fas fa-graduation-cap text-2xl text-blue-600 mb-2"></i>
          <span class="font-semibold text-gray-800 text-sm group-hover:text-brand-700">Programlar</span>
          <span class="text-xs text-gray-400">3600+ program</span>
        </a>
        <a href="/basvuru-sihirbazi" class="flex flex-col items-center p-4 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all group">
          <i class="fas fa-magic text-2xl text-purple-600 mb-2"></i>
          <span class="font-semibold text-gray-800 text-sm group-hover:text-brand-700">Başvuru Sihirbazı</span>
          <span class="text-xs text-gray-400">Kişiselleştirilmiş</span>
        </a>
        <a href="/iletisim" class="flex flex-col items-center p-4 bg-white rounded-2xl border border-gray-100 shadow-sm hover:shadow-md hover:border-brand-200 transition-all group">
          <i class="fas fa-headset text-2xl text-emerald-600 mb-2"></i>
          <span class="font-semibold text-gray-800 text-sm group-hover:text-brand-700">Danışmanlık</span>
          <span class="text-xs text-gray-400">Ücretsiz</span>
        </a>
      </div>
      <a href="/" class="inline-flex items-center gap-2 text-brand-600 hover:text-brand-800 font-semibold text-sm">
        <i class="fas fa-home"></i>Ana Sayfaya Dön
      </a>
    </div>
  </section>
  </main>

  <!-- ══ FOOTER ═══════════════════════════════════════════════════════════ -->
  <footer class="bg-slate-900 text-slate-400">

    <!-- Main Footer -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">

        <!-- Brand Column -->
        <div class="lg:col-span-1">
          <a href="/" class="flex items-center gap-3 mb-5">
            <div class="w-10 h-10 bg-gradient-to-br from-brand-600 to-brand-800 rounded-xl flex items-center justify-center">
              <span class="text-white font-black text-xl">E</span>
            </div>
            <div>
              <div class="text-white font-black text-lg tracking-tight">EUROSTAR</div>
              <div class="text-slate-500 text-xs tracking-widest uppercase">İran Üniversiteleri</div>
            </div>
          </a>
          <p class="text-sm text-slate-400 leading-relaxed mb-5">
            Türk öğrenciler için İran üniversitelerine başvuruda güvenilir rehber.
            Eurostar ile başvuru sürecinizi kolay ve güvenli yönetin.
          </p>
          <div class="flex items-center gap-2">
            <span class="inline-flex items-center gap-1.5 px-2.5 py-1 bg-emerald-900/40 text-emerald-400 text-xs font-medium rounded-full border border-emerald-800/50">
              <i class="fas fa-check-circle text-xs"></i> Doğrulanmış Veriler
            </span>
          </div>
        </div>

        <!-- Hızlı Bağlantılar -->
        <div>
          <h3 class="text-white font-semibold text-sm mb-4 flex items-center gap-2">
            <i class="fas fa-link text-gold-500 text-xs"></i> Hızlı Bağlantılar
          </h3>
          <ul class="space-y-2.5">
            
              <li><a href="/universiteler" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>İran Üniversiteleri
              </a></li>
            
              <li><a href="/programlar" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Tüm Programlar
              </a></li>
            
              <li><a href="/sehirler" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Eğitim Şehirleri
              </a></li>
            
              <li><a href="/burslar" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Burs İmkânları
              </a></li>
            
              <li><a href="/ucretler" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Ücret Tabloları
              </a></li>
            
              <li><a href="/vize-rehberi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Vize Rehberi
              </a></li>
            
              <li><a href="/karsilastir" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Üniversite Karşılaştır
              </a></li>
            
              <li><a href="/basvuru-sihirbazi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Başvuru Sihirbazı
              </a></li>
            
              <li><a href="/iletisim" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Şubeler & İletişim
              </a></li>
            
          </ul>
        </div>

        <!-- Popüler Üniversiteler -->
        <div>
          <h3 class="text-white font-semibold text-sm mb-4 flex items-center gap-2">
            <i class="fas fa-university text-gold-500 text-xs"></i> Popüler Üniversiteler
          </h3>
          <ul class="space-y-2.5">
            
              <li><a href="/universiteler/tahran-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Tahran Üniversitesi
              </a></li>
            
              <li><a href="/universiteler/tahran-tip-bilimleri-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>TUMS — Tıp Bilimleri
              </a></li>
            
              <li><a href="/universiteler/serif-teknoloji-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Şerif Teknoloji
              </a></li>
            
              <li><a href="/universiteler/amir-kebir-teknik-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Amir Kebir Teknik
              </a></li>
            
              <li><a href="/universiteler/ferdowsi-universitesi-meshed" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Ferdovsi Üniversitesi
              </a></li>
            
              <li><a href="/universiteler/isfahan-teknoloji-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Isfahan Teknoloji
              </a></li>
            
              <li><a href="/universiteler/tahran-sanat-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>Tahran Sanat Üniversitesi
              </a></li>
            
              <li><a href="/universiteler/imam-humeyni-uluslararasi-universitesi" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
                <i class="fas fa-chevron-right text-xs text-brand-600"></i>İmam Humeyni Üni.
              </a></li>
            
          </ul>
        </div>

        <!-- İletişim -->
        <div>
          <h3 class="text-white font-semibold text-sm mb-4 flex items-center gap-2">
            <i class="fas fa-headset text-gold-500 text-xs"></i> İletişim
          </h3>
          <ul class="space-y-2.5">
            <li><a href="/iletisim" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
              <i class="fas fa-map-marker-alt text-xs text-brand-600"></i>Şubelerimiz
            </a></li>
            <li><a href="https://wa.me/905433445887" target="_blank" rel="noopener noreferrer" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
              <i class="fab fa-whatsapp text-xs text-emerald-500"></i>WhatsApp Hattı
            </a></li>
            <li><a href="tel:+902127098709" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
              <i class="fas fa-phone text-xs text-brand-600"></i>İstanbul: 0212 709 87 09
            </a></li>
            <li><a href="tel:+905433445887" class="text-sm text-slate-400 hover:text-white transition-colors flex items-center gap-2">
              <i class="fas fa-mobile-alt text-xs text-brand-600"></i>Genel: 0543 344 58 87
            </a></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- Footer Bottom -->
    <div class="border-t border-slate-800">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-5 flex flex-col sm:flex-row items-center justify-between gap-4">
        <p class="text-xs text-slate-500">
          © 2025 Eurostar International Education. Tüm hakları saklıdır.
        </p>
        <div class="flex items-center gap-4 text-xs text-slate-500">
          <span class="flex items-center gap-1.5">
            <i class="fas fa-database text-xs text-slate-600"></i>
            60 üniversite · 3632 program
          </span>
          <span class="text-slate-700">|</span>
          <span class="flex items-center gap-1.5">
            <i class="fas fa-sync text-xs text-slate-600"></i>
            Mart 2026 güncellendi
          </span>
        </div>
      </div>
    </div>
  </footer>

  <!-- ══ WHATSAPP FLOATING WIDGET ════════════════════════════════════════ -->
  <div id="wa-widget" class="fixed bottom-6 right-6 z-50 flex flex-col items-end gap-3">
    <!-- Popup Balonu -->
    <div id="wa-popup" class="hidden bg-white rounded-2xl shadow-2xl border border-gray-100 p-4 w-72 mb-1">
      <div class="flex items-center gap-3 mb-3">
        <div class="w-10 h-10 bg-emerald-500 rounded-full flex items-center justify-center flex-shrink-0">
          <i class="fab fa-whatsapp text-white text-xl"></i>
        </div>
        <div>
          <div class="font-bold text-gray-900 text-sm">Eurostar Danışman</div>
          <div class="flex items-center gap-1.5 text-xs text-emerald-600">
            <span class="w-2 h-2 bg-emerald-500 rounded-full animate-pulse"></span>Çevrimiçi
          </div>
        </div>
        <button onclick="document.getElementById('wa-popup').classList.add('hidden')" class="ml-auto text-gray-400 hover:text-gray-600 text-lg leading-none">×</button>
      </div>
      <div class="bg-gray-50 rounded-xl p-3 mb-3 text-sm text-gray-700 leading-relaxed">
        Merhaba! 👋 İran'da eğitim hakkında <strong>ücretsiz danışmanlık</strong> almak ister misiniz?
      </div>
      <div id="wa-quick-msgs" class="space-y-2 mb-3">
        <!-- Bağlamsal hızlı mesajlar buraya JS ile enjekte edilir -->
      </div>
      <a id="wa-main-btn" href="https://wa.me/905433445887?text=Merhaba%2C%20%C4%B0ran'da%20e%C4%9Fitim%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum." target="_blank" rel="noopener"
        class="flex items-center justify-center gap-2 w-full bg-emerald-500 hover:bg-emerald-400 text-white font-bold py-2.5 rounded-xl text-sm transition-colors">
        <i class="fab fa-whatsapp text-lg"></i>WhatsApp ile Yaz
      </a>
      <p class="text-center text-xs text-gray-400 mt-2">Genellikle birkaç dakikada yanıt verilir</p>
    </div>

    <!-- Bildirim Balonu -->
    <div id="wa-notification" class="hidden bg-white rounded-2xl shadow-xl border border-gray-100 py-2 px-3 text-sm text-gray-700 max-w-[200px] text-center animate-bounce-gentle mr-16">
      Ücretsiz danışmanlık al! 💬
    </div>

    <!-- Ana Buton -->
    <button id="wa-toggle-btn" onclick="toggleWaPopup()"
      class="w-16 h-16 bg-emerald-500 hover:bg-emerald-400 text-white rounded-full shadow-2xl flex items-center justify-center transition-all duration-300 hover:scale-110 group relative">
      <i id="wa-icon" class="fab fa-whatsapp text-3xl transition-all duration-300"></i>
      <span id="wa-badge" class="hidden absolute -top-1 -right-1 w-5 h-5 bg-red-500 rounded-full text-xs font-bold text-white flex items-center justify-center">1</span>
    </button>
  </div>

  <script>
    // WhatsApp Widget sistemi
    (function() {
      const WA_NUM = '905433445887';
      const pageKey = '';
      const pageTitle = 'Sayfa Bulunamadı — 404';

      // Sayfa türüne göre bağlamsal mesajlar
      const contextMsgs = {
        'universiteler': [
          { label: '🏛 Üniversite karşılaştırma', msg: 'Merhaba, İran üniversitelerini karşılaştırmak ve en uygununu bulmak istiyorum.' },
          { label: '📋 Başvuru şartları', msg: 'Merhaba, İran üniversitelerine başvuru şartları hakkında bilgi almak istiyorum.' },
          { label: '💰 Ücret bilgisi', msg: 'Merhaba, İran üniversitelerindeki eğitim ücretleri hakkında bilgi almak istiyorum.' },
        ],
        'programlar': [
          { label: '🎓 Program önerisi', msg: 'Merhaba, benim için uygun İran üniversitesi programlarını önermeni ister misin?' },
          { label: '📑 Kabul şartları', msg: 'Merhaba, programlara kabul şartları ve belgeler hakkında bilgi almak istiyorum.' },
          { label: '🗓 Başvuru tarihleri', msg: 'Merhaba, 2025-2026 başvuru tarihleri hakkında bilgi almak istiyorum.' },
        ],
        'ucretler': [
          { label: '💳 Ücret hesaplama', msg: 'Merhaba, İran'da okuma toplam maliyetini (eğitim + yaşam) hesaplamama yardım eder misin?' },
          { label: '🏅 Burs imkânları', msg: 'Merhaba, İran'daki burs imkânları hakkında detaylı bilgi almak istiyorum.' },
          { label: '🏠 Konaklama maliyeti', msg: 'Merhaba, İran'da öğrenci konaklama seçenekleri ve maliyetleri hakkında bilgi almak istiyorum.' },
        ],
        'burslar': [
          { label: '🏅 Burs başvurusu', msg: 'Merhaba, İran burs programlarına nasıl başvurabileceğim hakkında bilgi almak istiyorum.' },
          { label: '📋 Burs şartları', msg: 'Merhaba, burs almak için gerekli belgeler ve koşullar nelerdir?' },
          { label: '⏰ Son başvuru tarihi', msg: 'Merhaba, 2025-2026 burs başvuru son tarihleri hakkında bilgi almak istiyorum.' },
        ],
        'vize': [
          { label: '🛂 Vize süreci', msg: 'Merhaba, İran öğrenci vizesi başvuru süreci hakkında yardım almak istiyorum.' },
          { label: '📄 Gerekli belgeler', msg: 'Merhaba, İran öğrenci vizesi için gerekli belgeler nelerdir?' },
          { label: '⏱ Vize süresi', msg: 'Merhaba, İran öğrenci vizesi ne kadar sürede çıkar?' },
        ],
        'default': [
          { label: '🎓 Üniversite önerisi', msg: 'Merhaba, benim için uygun İran üniversitesini önerir misiniz?' },
          { label: '📋 Başvuru süreci', msg: 'Merhaba, İran üniversitesine başvuru süreci hakkında bilgi almak istiyorum.' },
          { label: '💰 Maliyet bilgisi', msg: 'Merhaba, İran'da eğitim ve yaşam maliyeti hakkında bilgi almak istiyorum.' },
        ]
      };

      function buildQuickMsgs() {
        const msgs = contextMsgs[pageKey] || contextMsgs['default'];
        // Eğer program/üniversite detay sayfasındaysak başlığı mesaja ekle
        const isDetail = !['universiteler','programlar','ucretler','burslar','vize','anasayfa','iletisim','sss'].includes(pageKey);
        const detailMsg = isDetail && pageTitle ? `Merhaba, "${pageTitle}" hakkında bilgi almak istiyorum.` : null;

        const container = document.getElementById('wa-quick-msgs');
        if (!container) return;
        container.innerHTML = '';

        if (detailMsg) {
          const btn = document.createElement('a');
          btn.href = `https://wa.me/${WA_NUM}?text=${encodeURIComponent(detailMsg)}`;
          btn.target = '_blank';
          btn.rel = 'noopener';
          btn.className = 'flex items-center gap-2 w-full text-left px-3 py-2 rounded-lg bg-emerald-50 hover:bg-emerald-100 text-emerald-800 text-xs font-medium transition-colors border border-emerald-200';
          btn.innerHTML = `<i class="fab fa-whatsapp text-emerald-500"></i>Bu sayfa hakkında sor`;
          container.appendChild(btn);
        }

        msgs.forEach(m => {
          const btn = document.createElement('a');
          btn.href = `https://wa.me/${WA_NUM}?text=${encodeURIComponent(m.msg)}`;
          btn.target = '_blank';
          btn.rel = 'noopener';
          btn.className = 'flex items-center gap-2 w-full text-left px-3 py-2 rounded-lg bg-gray-50 hover:bg-gray-100 text-gray-700 text-xs font-medium transition-colors';
          btn.innerHTML = `<span>${m.label}</span>`;
          container.appendChild(btn);
        });

        // Ana butonun default mesajını da güncelle
        const mainBtn = document.getElementById('wa-main-btn');
        if (mainBtn) {
          const defaultMsg = isDetail && pageTitle
            ? `Merhaba, "${pageTitle}" hakkında bilgi almak istiyorum.`
            : 'Merhaba, İran\'da eğitim hakkında bilgi almak istiyorum.';
          mainBtn.href = `https://wa.me/${WA_NUM}?text=${encodeURIComponent(defaultMsg)}`;
        }
      }

      window.toggleWaPopup = function() {
        const popup = document.getElementById('wa-popup');
        const icon = document.getElementById('wa-icon');
        const notif = document.getElementById('wa-notification');
        const badge = document.getElementById('wa-badge');
        if (popup.classList.contains('hidden')) {
          buildQuickMsgs();
          popup.classList.remove('hidden');
          if (icon) { icon.className = 'fas fa-times text-2xl transition-all duration-300'; }
          if (notif) notif.classList.add('hidden');
          if (badge) badge.classList.add('hidden');
        } else {
          popup.classList.add('hidden');
          if (icon) { icon.className = 'fab fa-whatsapp text-3xl transition-all duration-300'; }
        }
      };

      // 5 saniye sonra bildirim balonu göster (sadece bir kez)
      if (!sessionStorage.getItem('wa_notif_shown')) {
        setTimeout(function() {
          const notif = document.getElementById('wa-notification');
          const badge = document.getElementById('wa-badge');
          if (notif) { notif.classList.remove('hidden'); }
          if (badge) { badge.classList.remove('hidden'); }
          sessionStorage.setItem('wa_notif_shown', '1');
          // 8 saniye sonra otomatik gizle
          setTimeout(function() {
            if (notif) notif.classList.add('hidden');
          }, 8000);
        }, 5000);
      }

      // Dışarı tıklanınca kapat
      document.addEventListener('click', function(e) {
        const widget = document.getElementById('wa-widget');
        if (widget && !widget.contains(e.target)) {
          const popup = document.getElementById('wa-popup');
          const icon = document.getElementById('wa-icon');
          if (popup && !popup.classList.contains('hidden')) {
            popup.classList.add('hidden');
            if (icon) icon.className = 'fab fa-whatsapp text-3xl transition-all duration-300';
          }
        }
      });
    })();
  </script>

  <!-- ══ SCRIPTS ══════════════════════════════════════════════════════════ -->
  <script src="/static/app.js"></script>
  <script>
    // Mobile menu toggle
    document.getElementById('mobile-menu-btn')?.addEventListener('click', function() {
      const menu = document.getElementById('mobile-menu');
      const icon = this.querySelector('i');
      if (menu) {
        menu.classList.toggle('hidden');
        if (icon) {
          icon.className = menu.classList.contains('hidden') ? 'fas fa-bars text-lg' : 'fas fa-times text-lg';
        }
      }
    });

    // Sticky nav shadow
    window.addEventListener('scroll', function() {
      const nav = document.getElementById('main-nav');
      if (nav) {
        if (window.scrollY > 20) {
          nav.classList.add('shadow-lg');
        } else {
          nav.classList.remove('shadow-lg');
        }
      }
    });

    // FAQ Accordion
    document.querySelectorAll('.faq-question').forEach(btn => {
      btn.addEventListener('click', function() {
        const answer = this.nextElementSibling;
        const icon = this.querySelector('.faq-icon');
        const isOpen = !answer.classList.contains('hidden');
        document.querySelectorAll('.faq-answer').forEach(a => a.classList.add('hidden'));
        document.querySelectorAll('.faq-icon').forEach(i => { i.className = 'fas fa-chevron-down faq-icon transition-transform duration-200 text-slate-400 text-sm'; });
        if (!isOpen) {
          answer.classList.remove('hidden');
          if (icon) icon.className = 'fas fa-chevron-up faq-icon transition-transform duration-200 text-brand-600 text-sm';
        }
      });
    });

    // ── Shortlist / Favorites Management ───────────────────────────────────
    const getShortlist    = () => JSON.parse(localStorage.getItem('eurostar_shortlist') || '[]');
    const saveShortlist   = (list) => localStorage.setItem('eurostar_shortlist', JSON.stringify(list));
    const getProgShortlist = () => JSON.parse(localStorage.getItem('eurostar_prog_shortlist') || '[]');
    const saveProgShortlist = (list) => localStorage.setItem('eurostar_prog_shortlist', JSON.stringify(list));

    window.updateFavBadge = function() {
      const total = getShortlist().length + getProgShortlist().length;
      const badge = document.getElementById('fav-total-badge');
      if (badge) {
        if (total > 0) { badge.textContent = String(total > 9 ? '9+' : total); badge.classList.remove('hidden'); }
        else { badge.classList.add('hidden'); }
      }
    };

    // University shortlist toggle
    window.toggleShortlist = function(id, name) {
      let list = getShortlist();
      const idx = list.indexOf(id);
      if (idx > -1) {
        list.splice(idx, 1);
        showToast((name || 'Üniversite') + ' favorilerden çıkarıldı', 'info');
      } else {
        if (list.length >= 10) { showToast('En fazla 10 üniversite ekleyebilirsiniz', 'warning'); return; }
        list.push(id);
        showToast((name || 'Üniversite') + ' favorilere eklendi! ❤️', 'success');
      }
      saveShortlist(list);
      updateShortlistButtons();
      window.updateFavBadge();
    };

    // Program shortlist toggle
    window.toggleProgShortlist = function(id, name) {
      let list = getProgShortlist();
      const idx = list.indexOf(id);
      if (idx > -1) {
        list.splice(idx, 1);
        showToast((name || 'Program') + ' favorilerden çıkarıldı', 'info');
      } else {
        if (list.length >= 20) { showToast('En fazla 20 program ekleyebilirsiniz', 'warning'); return; }
        list.push(id);
        showToast((name || 'Program') + ' favorilere eklendi! ❤️', 'success');
      }
      saveProgShortlist(list);
      updateProgShortlistButtons();
      window.updateFavBadge();
    };

    function updateShortlistButtons() {
      const list = getShortlist();
      document.querySelectorAll('[data-shortlist-id], [data-id]').forEach(btn => {
        const id = btn.getAttribute('data-shortlist-id') || btn.getAttribute('data-id');
        if (!id) return;
        const inList = list.includes(id);
        const icon = btn.querySelector('i');
        if (icon) { icon.className = inList ? 'fas fa-heart text-red-500' : 'far fa-heart'; }
        btn.classList.toggle('border-red-300', inList);
        btn.classList.toggle('text-red-500', inList);
      });
    }

    function updateProgShortlistButtons() {
      const list = getProgShortlist();
      document.querySelectorAll('[data-prog-id]').forEach(btn => {
        const id = btn.getAttribute('data-prog-id');
        if (!id) return;
        const inList = list.includes(id);
        const icon = btn.querySelector('i');
        if (icon) { icon.className = inList ? 'fas fa-heart text-red-500' : 'far fa-heart'; }
        btn.classList.toggle('border-red-300', inList);
        btn.classList.toggle('text-red-500', inList);
      });
    }

    // Wire up university shortlist buttons (data-id)
    document.querySelectorAll('.shortlist-btn[data-id]').forEach(btn => {
      btn.addEventListener('click', function(e) {
        e.preventDefault(); e.stopPropagation();
        const id = this.getAttribute('data-id');
        const name = this.getAttribute('data-name') || '';
        window.toggleShortlist(id, name);
      });
    });

    // Wire up program favorite buttons (data-prog-id)
    document.querySelectorAll('.prog-fav-btn[data-prog-id]').forEach(btn => {
      btn.addEventListener('click', function(e) {
        e.preventDefault(); e.stopPropagation();
        const id = this.getAttribute('data-prog-id');
        const name = this.getAttribute('data-name') || '';
        window.toggleProgShortlist(id, name);
      });
    });

    updateShortlistButtons();
    updateProgShortlistButtons();
    window.updateFavBadge();

    // Toast notifications
    window.showToast = function(message, type = 'success') {
      const toast = document.createElement('div');
      const colors = { success: 'bg-emerald-600', error: 'bg-red-600', warning: 'bg-amber-500', info: 'bg-blue-600' };
      toast.className = `fixed bottom-6 right-6 z-50 flex items-center gap-3 px-4 py-3 rounded-xl text-white text-sm font-medium shadow-xl ${colors[type] || colors.success} transition-all duration-300`;
      toast.innerHTML = `<i class="fas ${type === 'success' ? 'fa-check-circle' : type === 'error' ? 'fa-times-circle' : 'fa-info-circle'}"></i><span>${message}</span>`;
      document.body.appendChild(toast);
      setTimeout(() => { toast.style.opacity = '0'; toast.style.transform = 'translateY(20px)'; }, 2800);
      setTimeout(() => toast.remove(), 3200);
    };
  </script>

<script src="https://www.genspark.ai/sandbox_inspect.js"></script>
</body>
</html>