<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sayfa Bulunamadı | EUROSTAR Tıp Portalı</title>
  <meta name="description" content="Aradığınız sayfa bulunamadı.">
  <meta name="robots" content="index, follow">
  <meta property="og:title" content="Sayfa Bulunamadı | EUROSTAR Tıp Portalı">
  <meta property="og:description" content="Aradığınız sayfa bulunamadı.">
  <meta property="og:type" content="website">
  <script src="https://cdn.tailwindcss.com"></script>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
  <script src="https://cdn.jsdelivr.net/npm/axios@1.6.0/dist/axios.min.js"></script>
  
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
    * { font-family: 'Inter', sans-serif; }
    
    .gradient-hero {
      background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 40%, #0f4c81 100%);
    }
    .gradient-card {
      background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    }
    .denklik-direct { background: linear-gradient(135deg, #d1fae5, #a7f3d0); border-left: 4px solid #10b981; }
    .denklik-possible { background: linear-gradient(135deg, #dbeafe, #bfdbfe); border-left: 4px solid #3b82f6; }
    .denklik-sts { background: linear-gradient(135deg, #fee2e2, #fecaca); border-left: 4px solid #ef4444; }
    .denklik-nodenklik { background: linear-gradient(135deg, #fee2e2, #fecaca); border-left: 4px solid #ef4444; }
    .denklik-conditional { background: linear-gradient(135deg, #fef3c7, #fde68a); border-left: 4px solid #f59e0b; }
    
    .badge-verified {
      background: linear-gradient(135deg, #10b981, #059669);
      color: white;
      padding: 3px 10px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.5px;
    }
    
    .ranking-badge {
      background: linear-gradient(135deg, #4f46e5, #7c3aed);
      color: white;
      padding: 2px 8px;
      border-radius: 6px;
      font-size: 11px;
      font-weight: 600;
    }
    
    .hero-stat {
      background: rgba(255,255,255,0.1);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255,255,255,0.2);
    }
    
    .card-hover {
      transition: all 0.3s ease;
    }
    .card-hover:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 40px rgba(0,0,0,0.12);
    }
    
    .filter-active {
      background: #1e3a5f !important;
      color: white !important;
    }
    
    .pulse-dot {
      animation: pulse 2s infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; }
      50% { opacity: 0.5; }
    }
    
    .scroll-reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.6s ease;
    }
    .scroll-reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }
    
    nav .nav-link:hover { color: #38bdf8; }
    
    .table-row-hover:hover { background: #f0f9ff; }
    
    @media (max-width: 768px) {
      .hero-grid { grid-template-columns: 1fr !important; }
      .uni-grid { grid-template-columns: 1fr !important; }
    }
  </style>
</head>
<body class="bg-gray-50 min-h-screen">

<!-- NAVİGASYON -->
<nav class="bg-white shadow-sm sticky top-0 z-50 border-b border-gray-100">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex justify-between items-center h-16">
      <a href="/" class="flex items-center gap-2">
        <div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: linear-gradient(135deg, #1e3a5f, #0f4c81)">
          <i class="fas fa-star text-yellow-300 text-sm"></i>
        </div>
        <div>
          <span class="font-black text-gray-900 text-lg tracking-tight">EURO</span><span class="font-black text-lg" style="color:#1e3a5f">STAR</span>
          <div class="text-xs text-gray-400 -mt-1 font-medium">Tıp Eğitimi Portalı</div>
        </div>
      </a>
      
      <div class="hidden md:flex items-center gap-4">
        <div class="relative group">
          <button class="nav-link text-gray-600 text-sm font-medium transition-colors flex items-center gap-1">🌍 Ülkeler <i class="fas fa-chevron-down text-xs"></i></button>
          <div class="absolute top-full left-0 mt-1 bg-white rounded-xl shadow-xl border border-gray-100 py-2 min-w-48 hidden group-hover:block z-50">
            <a href="/ulke/bulgaristan" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇧🇬 Bulgaristan</a>
            <a href="/ulke/polonya" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇵🇱 Polonya</a>
            <a href="/ulke/romanya" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇷🇴 Romanya</a>
            <a href="/ulke/gurcistan" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇬🇪 Gürcistan</a>
            <a href="/ulke/sirbistan" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇷🇸 Sırbistan</a>
            <a href="/ulke/rusya" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇷🇺 Rusya</a>
            <a href="/ulke/kazakistan" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇰🇿 Kazakistan</a>
            <a href="/ulke/iran" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇮🇷 İran</a>
            <a href="/ulke/arjantin" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇦🇷 Arjantin</a>
            <a href="/ulke/azerbaycan" class="flex items-center gap-2 px-4 py-2 text-sm text-gray-600 hover:bg-blue-50 hover:text-blue-700">🇦🇿 Azerbaycan</a>
            <div class="border-t border-gray-100 my-1"></div>
            <a href="/ara" class="flex items-center gap-2 px-4 py-2 text-sm text-blue-600 font-semibold hover:bg-blue-50">🔍 Tümünü Gör</a>
          </div>
        </div>
        <a href="/denklik-rehberi" class="nav-link text-gray-600 text-sm font-medium transition-colors">⚖️ Denklik</a>
        <a href="/karsilastir" class="nav-link text-gray-600 text-sm font-medium transition-colors">📊 Karşılaştır</a>
        <a href="/blog" class="nav-link text-gray-600 text-sm font-medium transition-colors">📖 Blog</a>
        <a href="/ara" class="nav-link text-gray-600 text-sm font-medium transition-colors">🔍 Ara</a>
      </div>
      
      <div class="flex items-center gap-3">
        <a href="/ara" class="text-gray-500 hover:text-blue-600 transition-colors">
          <i class="fas fa-search text-lg"></i>
        </a>
        <a href="/#ai-asistan" class="hidden md:flex items-center gap-2 text-white text-sm font-semibold px-4 py-2 rounded-lg transition-all hover:opacity-90" style="background: linear-gradient(135deg, #1e3a5f, #0f4c81)">
          <i class="fas fa-robot text-xs"></i>
          AI Danışman
        </a>
        <!-- Mobile menu -->
        <button onclick="toggleMobileMenu()" class="md:hidden text-gray-500 text-xl">
          <i class="fas fa-bars"></i>
        </button>
      </div>
    </div>
  </div>
  <!-- Mobile menu -->
  <div id="mobileMenu" class="hidden md:hidden bg-white border-t border-gray-100 px-4 py-3 space-y-1">
    <div class="text-xs font-bold text-gray-400 uppercase tracking-wider pt-2 pb-1">Ülkeler</div>
    <a href="/ulke/bulgaristan" class="block text-gray-600 text-sm py-1.5">🇧🇬 Bulgaristan'da Tıp</a>
    <a href="/ulke/polonya" class="block text-gray-600 text-sm py-1.5">🇵🇱 Polonya'da Tıp</a>
    <a href="/ulke/romanya" class="block text-gray-600 text-sm py-1.5">🇷🇴 Romanya'da Tıp</a>
    <a href="/ulke/gurcistan" class="block text-gray-600 text-sm py-1.5">🇬🇪 Gürcistan'da Tıp</a>
    <a href="/ulke/makedonya" class="block text-gray-600 text-sm py-1.5">🇲🇰 Makedonya'da Tıp</a>
    <a href="/ulke/bosna-hersek" class="block text-gray-600 text-sm py-1.5">🇧🇦 Bosna Hersek'te Tıp</a>
    <a href="/ulke/sirbistan" class="block text-gray-600 text-sm py-1.5">🇷🇸 Sırbistan'da Tıp</a>
    <a href="/ulke/kosova" class="block text-gray-600 text-sm py-1.5">🇽🇰 Kosova'da Tıp</a>
    <a href="/ulke/moldova" class="block text-gray-600 text-sm py-1.5">🇲🇩 Moldova'da Tıp</a>
    <a href="/ulke/kazakistan" class="block text-gray-600 text-sm py-1.5">🇰🇿 Kazakistan'da Tıp</a>
    <a href="/ulke/rusya" class="block text-gray-600 text-sm py-1.5">🇷🇺 Rusya'da Tıp</a>
    <a href="/ulke/iran" class="block text-gray-600 text-sm py-1.5">🇮🇷 İran'da Tıp</a>
    <a href="/ulke/arjantin" class="block text-gray-600 text-sm py-1.5">🇦🇷 Arjantin'de Tıp</a>
    <a href="/ulke/azerbaycan" class="block text-gray-600 text-sm py-1.5">🇦🇿 Azerbaycan'da Tıp</a>
    <div class="border-t border-gray-100 my-2"></div>
    <a href="/denklik-rehberi" class="block text-gray-600 text-sm py-1.5">⚖️ Denklik Rehberi</a>
    <a href="/karsilastir" class="block text-gray-600 text-sm py-1.5">📊 Üniversite Karşılaştır</a>
    <a href="/blog" class="block text-gray-600 text-sm py-1.5">📖 Blog & Rehberler</a>
    <a href="/#ai-asistan" class="block text-blue-700 font-semibold text-sm py-1.5">🤖 AI Danışman</a>
  </div>
</nav>


<div class="min-h-screen flex items-center justify-center">
  <div class="text-center px-4">
    <div class="text-8xl mb-6">🔍</div>
    <h1 class="text-4xl font-black text-gray-900 mb-3">Sayfa Bulunamadı</h1>
    <p class="text-gray-500 mb-8 max-w-sm mx-auto">Aradığınız sayfa mevcut değil veya taşınmış olabilir.</p>
    <div class="flex flex-wrap gap-3 justify-center">
      <a href="/" class="bg-blue-600 text-white font-bold px-6 py-3 rounded-xl hover:bg-blue-700 transition-all">
        Ana Sayfaya Dön
      </a>
      <a href="/ara" class="border-2 border-blue-600 text-blue-600 font-bold px-6 py-3 rounded-xl hover:bg-blue-50 transition-all">
        Üniversite Ara
      </a>
    </div>
  </div>
</div>


<!-- FOOTER -->
<footer class="bg-gray-900 text-gray-400 mt-20">
  <div class="max-w-7xl mx-auto px-4 py-12">
    <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
      <div>
        <div class="flex items-center gap-2 mb-4">
          <div class="w-8 h-8 rounded-lg flex items-center justify-center" style="background: linear-gradient(135deg, #1e3a5f, #0f4c81)">
            <i class="fas fa-star text-yellow-300 text-xs"></i>
          </div>
          <span class="text-white font-black">EUROSTAR</span>
        </div>
        <p class="text-sm leading-relaxed">Türkiye'den yurtdışında tıp eğitimi almak isteyen öğrenciler için güvenilir rehber platformu.</p>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-3">Avrupa Ülkeleri</h4>
        <ul class="space-y-1 text-sm">
          <li><a href="/ulke/bulgaristan" class="hover:text-white transition-colors">🇧🇬 Bulgaristan'da Tıp</a></li>
          <li><a href="/ulke/polonya" class="hover:text-white transition-colors">🇵🇱 Polonya'da Tıp</a></li>
          <li><a href="/ulke/romanya" class="hover:text-white transition-colors">🇷🇴 Romanya'da Tıp</a></li>
          <li><a href="/ulke/gurcistan" class="hover:text-white transition-colors">🇬🇪 Gürcistan'da Tıp</a></li>
          <li><a href="/ulke/sirbistan" class="hover:text-white transition-colors">🇷🇸 Sırbistan'da Tıp</a></li>
          <li><a href="/ulke/makedonya" class="hover:text-white transition-colors">🇲🇰 Makedonya'da Tıp</a></li>
          <li><a href="/ulke/bosna-hersek" class="hover:text-white transition-colors">🇧🇦 Bosna Hersek'te Tıp</a></li>
          <li><a href="/ulke/kosova" class="hover:text-white transition-colors">🇽🇰 Kosova'da Tıp</a></li>
          <li><a href="/ulke/moldova" class="hover:text-white transition-colors">🇲🇩 Moldova'da Tıp</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-3">Diğer Ülkeler & Rehberler</h4>
        <ul class="space-y-1 text-sm">
          <li><a href="/ulke/kazakistan" class="hover:text-white transition-colors">🇰🇿 Kazakistan'da Tıp</a></li>
          <li><a href="/ulke/rusya" class="hover:text-white transition-colors">🇷🇺 Rusya'da Tıp</a></li>
          <li><a href="/ulke/iran" class="hover:text-white transition-colors">🇮🇷 İran'da Tıp</a></li>
          <li><a href="/ulke/arjantin" class="hover:text-white transition-colors">🇦🇷 Arjantin'de Tıp</a></li>
          <li><a href="/ulke/azerbaycan" class="hover:text-white transition-colors">🇦🇿 Azerbaycan'da Tıp</a></li>
          <li class="border-t border-gray-700 mt-2 pt-2"><a href="/denklik-rehberi" class="hover:text-white transition-colors">⚖️ Denklik Rehberi</a></li>
          <li><a href="/karsilastir" class="hover:text-white transition-colors">📊 Üniversite Karşılaştır</a></li>
          <li><a href="/blog" class="hover:text-white transition-colors">📖 Blog & Rehberler</a></li>
          <li><a href="/#ai-gemini-chat" class="hover:text-white transition-colors">🤖 AI Danışman</a></li>
          <li><a href="/ara" class="hover:text-white transition-colors">🔍 Üniversite Ara</a></li>
        </ul>
      </div>
      <div>
        <h4 class="text-white font-semibold mb-3">Önemli Notlar</h4>
        <p class="text-xs leading-relaxed">Bu platform bilgilendirme amaçlıdır. Denklik kararları YÖK Denklik Komisyonu'na aittir. Nihai kararlar için resmi YÖK kaynaklarını kontrol ediniz.</p>
        <div class="mt-3 flex gap-2">
          <a href="https://www.yok.gov.tr" target="_blank" class="text-xs text-blue-400 hover:text-blue-300">YÖK</a>
          <span>•</span>
          <a href="https://www.osym.gov.tr" target="_blank" class="text-xs text-blue-400 hover:text-blue-300">ÖSYM</a>
          <span>•</span>
          <a href="https://www.wdoms.org" target="_blank" class="text-xs text-blue-400 hover:text-blue-300">WDMS</a>
        </div>
      </div>
    </div>
    <div class="border-t border-gray-800 mt-8 pt-6 flex flex-col md:flex-row justify-between items-center gap-3">
      <p class="text-sm">© 2026 EUROSTAR Tıp Portalı. Tüm haklar saklıdır.</p>
      <p class="text-xs">STS ≠ TUS | Her veri doğrulanabilir kaynaklara dayalıdır</p>
    </div>
  </div>
</footer>

<script>
function toggleMobileMenu() {
  const menu = document.getElementById('mobileMenu');
  menu.classList.toggle('hidden');
}

// Scroll reveal animation
const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add('visible');
    }
  });
}, { threshold: 0.1 });

document.querySelectorAll('.scroll-reveal').forEach(el => observer.observe(el));
</script>
<script src="https://www.genspark.ai/sandbox_inspect.js"></script>
</body>
</html>