<!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 Yurtdışı Eğitim</title>
  <meta name="description" content="Sayfa Bulunamadı"/>
  <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"/>
  <link rel="preconnect" href="https://fonts.googleapis.com"/>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"/>
  <style>
    *{font-family:'Inter',sans-serif;}
    :root{--primary:#1B3A6B;--accent:#F59E0B;--green:#10B981;}
    .hero-bg{background:linear-gradient(135deg,#0f2044 0%,#1B3A6B 50%,#1e4d8c 100%);}
    .card-hover{transition:all .3s ease;}
    .card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.12);}
    .glow-cta{animation:pulse-cta 2s infinite;}
    @keyframes pulse-cta{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.4);}50%{box-shadow:0 0 0 10px rgba(245,158,11,0);}}
    .nav-link{transition:color .2s;}
    .nav-link:hover{color:#F59E0B;}
    .modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;overflow-y:auto;}
    .modal-overlay.open{display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;}
    .tab-btn.active{border-bottom:3px solid #1B3A6B;color:#1B3A6B;font-weight:700;}
    .section-fade{animation:fadeIn .4s ease;}
    @keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
    .filter-pill{transition:all .2s;cursor:pointer;}
    .filter-pill.active{background:#1B3A6B;color:white;}
    .program-row:hover{background:#F0F4FF;}
    ::-webkit-scrollbar{width:6px;}
    ::-webkit-scrollbar-track{background:#f1f5f9;}
    ::-webkit-scrollbar-thumb{background:#1B3A6B;border-radius:3px;}
    .badge{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;}
    .badge-blue{background:#DBEAFE;color:#1E40AF;}
    .badge-green{background:#D1FAE5;color:#065F46;}
    .badge-amber{background:#FEF3C7;color:#92400E;}
    .badge-purple{background:#EDE9FE;color:#5B21B6;}
    .badge-red{background:#FEE2E2;color:#991B1B;}
    .sticky-top{position:sticky;top:0;z-index:50;}
    select:focus,input:focus{outline:2px solid #1B3A6B;}
  </style></head>
<body class="bg-gray-50 text-gray-800">

<nav class="sticky-top bg-white shadow-sm border-b border-gray-100">
  <div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between">
    <a href="/" class="flex items-center gap-3">
      <div class="w-10 h-10 bg-[#1B3A6B] rounded-lg flex items-center justify-center">
        <i class="fas fa-graduation-cap text-white text-lg"></i>
      </div>
      <div>
        <div class="font-bold text-[#1B3A6B] text-lg leading-none">Eurostar</div>
        <div class="text-xs text-gray-500 leading-none">Yurtdışı Eğitim</div>
      </div>
    </a>
    <div class="hidden md:flex items-center gap-6 text-sm font-medium text-gray-600">
      <a href="/#universities" class="nav-link ">Üniversiteler</a>
      <a href="/#programs" class="nav-link ">Programlar</a>
      <a href="/#cities" class="nav-link ">Şehirler</a>
      <a href="/#costs" class="nav-link ">Maliyetler</a>
      <a href="/iletisim" class="nav-link ">İletişim</a>
    </div>
    <div class="flex items-center gap-3">
      <a href="/iletisim" class="hidden md:flex items-center gap-2 text-sm text-gray-600 hover:text-[#1B3A6B] transition">
        <i class="fas fa-map-marker-alt text-[#F59E0B]"></i>
        <span>11 Şehirde Ofis</span>
      </a>
      <button onclick="document.getElementById('consultModal').classList.add('open')" class="glow-cta bg-[#F59E0B] text-white px-5 py-2.5 rounded-full text-sm font-bold hover:bg-amber-600 transition">
        <i class="fas fa-phone-alt mr-2"></i>Ücretsiz Danışmanlık
      </button>
    </div>
  </div>
</nav>
<div class="max-w-2xl mx-auto py-32 text-center px-4">
  <div class="text-8xl mb-6">🎓</div>
  <h1 class="text-4xl font-black text-[#1B3A6B] mb-3">Sayfa Bulunamadı</h1>
  <p class="text-gray-500 text-lg mb-8">Aradığınız sayfa mevcut değil veya taşınmış olabilir.</p>
  <div class="flex flex-wrap justify-center gap-4">
    <a href="/" class="bg-[#1B3A6B] text-white px-8 py-3 rounded-full font-bold hover:bg-blue-800 transition">
      <i class="fas fa-home mr-2"></i>Ana Sayfa
    </a>
    <a href="/iletisim" class="border-2 border-[#1B3A6B] text-[#1B3A6B] px-8 py-3 rounded-full font-bold hover:bg-blue-50 transition">
      <i class="fas fa-phone mr-2"></i>İletişim
    </a>
  </div>
</div>

<footer class="bg-[#0f2044] text-white">
  <div class="max-w-7xl mx-auto px-4 py-14 grid md:grid-cols-4 gap-10">
    <div class="md:col-span-2">
      <div class="flex items-center gap-3 mb-4">
        <div class="w-10 h-10 bg-[#F59E0B] rounded-lg flex items-center justify-center">
          <i class="fas fa-graduation-cap text-white"></i>
        </div>
        <div>
          <div class="font-bold text-lg leading-none">Eurostar</div>
          <div class="text-xs text-blue-300 leading-none">Yurtdışı Eğitim</div>
        </div>
      </div>
      <p class="text-blue-200 text-sm leading-relaxed mb-5 max-w-sm">
        Türkiye'nin 11 şehrinde ofisiyle, Litvanya ve Avrupa'da eğitim hayalinizi gerçeğe dönüştürüyoruz. 
        2025–2026 başvuruları açık.
      </p>
      <div class="flex gap-3">
        <a href="https://instagram.com" target="_blank" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-[#F59E0B] transition"><i class="fab fa-instagram text-sm"></i></a>
        <a href="https://facebook.com" target="_blank" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-[#F59E0B] transition"><i class="fab fa-facebook-f text-sm"></i></a>
        <a href="https://youtube.com" target="_blank" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-[#F59E0B] transition"><i class="fab fa-youtube text-sm"></i></a>
        <a href="https://wa.me/902127098709" target="_blank" class="w-9 h-9 bg-white/10 rounded-lg flex items-center justify-center hover:bg-[#25D366] transition"><i class="fab fa-whatsapp text-sm"></i></a>
      </div>
    </div>
    <div>
      <h4 class="font-bold text-sm mb-4 text-amber-400 uppercase tracking-wider">Hızlı Erişim</h4>
      <ul class="space-y-2 text-sm text-blue-200">
        <li><a href="/#universities" class="hover:text-white transition">Üniversiteler</a></li>
        <li><a href="/#programs" class="hover:text-white transition">Programlar</a></li>
        <li><a href="/#cities" class="hover:text-white transition">Şehirler</a></li>
        <li><a href="/#costs" class="hover:text-white transition">Yaşam Maliyetleri</a></li>
        <li><a href="/#faq" class="hover:text-white transition">Sıkça Sorulan Sorular</a></li>
        <li><a href="/iletisim" class="hover:text-white transition">İletişim & Ofisler</a></li>
      </ul>
    </div>
    <div>
      <h4 class="font-bold text-sm mb-4 text-amber-400 uppercase tracking-wider">Ofislerimiz</h4>
      <ul class="space-y-2 text-sm text-blue-200">
        <li class="flex items-center gap-2"><i class="fas fa-map-marker-alt text-amber-400 w-4"></i>İstanbul – Taksim</li>
        <li class="flex items-center gap-2"><i class="fas fa-map-marker-alt text-amber-400 w-4"></i>Ankara – Kızılay</li>
        <li class="flex items-center gap-2"><i class="fas fa-map-marker-alt text-amber-400 w-4"></i>İzmir – Konak</li>
        <li class="flex items-center gap-2"><i class="fas fa-map-marker-alt text-amber-400 w-4"></i>Antalya – Muratpaşa</li>
        <li><a href="/iletisim" class="text-amber-400 hover:text-amber-300 font-semibold flex items-center gap-1 mt-2">
          <i class="fas fa-plus-circle"></i> 7 şehir daha görüntüle
        </a></li>
      </ul>
    </div>
  </div>
  <div class="border-t border-white/10">
    <div class="max-w-7xl mx-auto px-4 py-5 flex flex-col md:flex-row items-center justify-between gap-3 text-xs text-blue-300">
      <span>© 2025 Eurostar Yurtdışı Eğitim. Tüm hakları saklıdır.</span>
      <span>Litvanya Üniversiteleri Başvuru Portalı</span>
    </div>
  </div>
</footer>
<script src="https://www.genspark.ai/sandbox_inspect.js"></script>
</body>
</html>