
<!DOCTYPE html>
<html lang="tr" dir="ltr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Language" content="tr">

  <title>Elitcasino: Güvenilir Giriş Adresi - ElitCasino Resmi Giriş</title>

  <meta name="description" content="Elitcasino güncel giriş adresine anında ulaşmak için doğru adrestesiniz. Elitcasino 2026 ile Elitcasino giriş ve Elitcasino güncel bağlantılarına güvenle erişin.">
  <meta name="keywords" content="Elitcasino, Elitcasino giriş, Elitcasino güncel, Elitcasino güncel giriş">
  <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
  <meta name="googlebot" content="index, follow">
  <meta name="author" content="Elitcasino">
  <meta name="theme-color" content="#F8F8F8">

  <link rel="canonical" href="https://mobilecomputingtoday.co.uk/">
  <link rel="alternate" hreflang="tr" href="https://m.elitcasino.cam/">
  <link rel="alternate" hreflang="x-default" href="https://m.elitcasino.cam/">

  <meta property="og:type" content="website">
  <meta property="og:title" content="Elitcasino: Güvenilir Giriş Adresi - ElitCasino Resmi Giriş">
  <meta property="og:description" content="Elitcasino güncel giriş adresine anında ulaşmak için doğru adrestesiniz. Elitcasino 2026 ile Elitcasino giriş ve Elitcasino güncel bağlantılarına güvenle erişin.">
  <meta property="og:url" content="https://m.elitcasino.cam/">
  <meta property="og:image" content="elitcasino.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="Elitcasino - resmi logo">
  <meta property="og:locale" content="tr_TR">
  <meta property="og:site_name" content="Elitcasino">

  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Elitcasino: Güvenilir Giriş Adresi - ElitCasino Resmi Giriş">
  <meta name="twitter:description" content="Elitcasino güncel giriş adresine anında ulaşmak için doğru adrestesiniz. Elitcasino 2026 ile Elitcasino giriş ve Elitcasino güncel bağlantılarına güvenle erişin.">
  <meta name="twitter:image" content="elitcasino.png">
  <meta name="twitter:image:alt" content="Elitcasino - resmi logo">

  <link rel="icon" type="image/png" href="elitcasino.png">
  <link rel="shortcut icon" href="elitcasino.png">
  <link rel="apple-touch-icon" href="elitcasino.png">

  <link rel="preload" href="elitcasino.png" as="image" fetchpriority="high">

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Organization",
        "name": "Elitcasino",
        "url": "https://m.elitcasino.cam/",
        "logo": {
          "@type": "ImageObject",
          "url": "elitcasino.png",
          "width": 200,
          "height": 60
        },
        "sameAs": [
          "https://x.com/Elitcasino",
          "https://www.instagram.com/Elitcasino",
          "https://www.facebook.com/Elitcasino"
        ]
      },
      {
        "@type": "WebSite",
        "name": "Elitcasino",
        "url": "https://m.elitcasino.cam/",
        "inLanguage": "tr",
        "potentialAction": {
          "@type": "SearchAction",
          "target": {
            "@type": "EntryPoint",
            "urlTemplate": "https://m.elitcasino.cam/?q={search_term_string}"
          },
          "query-input": "required name=search_term_string"
        }
      },
      {
        "@type": "WebPage",
        "@id": "https://m.elitcasino.cam/#webpage",
        "url": "https://m.elitcasino.cam/",
        "name": "Elitcasino: Güvenilir Giriş Adresi - ElitCasino Resmi Giriş",
        "description": "Elitcasino güncel giriş adresine anında ulaşmak için doğru adrestesiniz. Elitcasino 2026 ile Elitcasino giriş ve Elitcasino güncel bağlantılarına güvenle erişin.",
        "inLanguage": "tr",
        "isPartOf": { "@id": "https://m.elitcasino.cam/#website" }
      },
      {
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Elitcasino nedir ve nasıl çalışır?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino, kullanıcılarına çevrimiçi eğlence ve bahis hizmetleri sunan köklü bir platformdur. Elitcasino üzerinde spor bahisleri, casino oyunları ve daha pek çok içeriğe tek bir hesapla erişebilirsiniz. Platform, güvenli altyapısı ve hızlı ödeme sistemleriyle kullanıcı memnuniyetini ön planda tutmaktadır. Elitcasino giriş işlemi oldukça basit olup kayıt sonrası anında işlem yapılabilmektedir."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino giriş nasıl yapılır?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino giriş yapmak için öncelikle güncel Elitcasino adresini bulmanız gerekmektedir. Sitenin ana sayfasına girdikten sonra sağ üst köşedeki Giriş Yap butonuna tıklayın. Kullanıcı adınızı ve şifrenizi girerek hesabınıza erişebilirsiniz. Şifrenizi unuttuysanız Şifremi Unuttum seçeneğiyle kolayca sıfırlayabilirsiniz. Elitcasino güncel giriş adresi için bu sayfayı yer imlerinize eklemenizi öneririz."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino güvenilir bir platform midir?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino, lisanslı ve denetimli bir yapıyla faaliyet göstermektedir. Kullanıcı bilgileri SSL şifreleme teknolojisiyle korunmakta, ödeme işlemleri güvenli kanallar üzerinden gerçekleştirilmektedir. Elitcasino'in yıllarca süren hizmet geçmişi ve yüz binlerce aktif kullanıcısı platformun güvenilirliğini kanıtlamaktadır. Elitcasino giriş ve işlem süreçleri bağımsız denetim kuruluşları tarafından düzenli olarak incelenmektedir."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino güncel adresine nasıl ulaşabilirim?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino güncel adresine ulaşmanın en kolay yolu bu sayfayı takip etmektir. Yetkililerin zaman zaman erişim engellemesi nedeniyle Elitcasino güncel giriş adresi değişebilmektedir. Güncel Elitcasino adresine her zaman buradan ulaşabilir, sosyal medya kanallarımızı da takip edebilirsiniz. Ayrıca e-posta aboneliği ile anlık Elitcasino güncel bildirimler alabilirsiniz."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino'e üye olmak için ne gerekiyor?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino'e üye olmak son derece basittir. Güncel Elitcasino adresine girerek Kayıt Ol butonuna tıklayın, ardından kişisel bilgilerinizi ve iletişim bilgilerinizi doldurun. E-posta adresinizi doğruladıktan sonra Elitcasino hesabınız aktif hale gelir. Yeni üyeler için özel hoş geldin bonusları mevcuttur. Elitcasino giriş bilgilerinizi güvende tutmak için güçlü bir şifre belirlemenizi öneririz."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino güncel giriş adresi neden değişiyor?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino güncel giriş adresi, yasal düzenlemeler çerçevesinde yetkililerin uyguladığı erişim kısıtlamaları nedeniyle zaman zaman değişebilmektedir. Bu durum tamamen teknik bir prosedürdür ve platformun hizmet kalitesini etkilememektedir. Elitcasino, kullanıcılarına kesintisiz hizmet sunmak amacıyla yeni adreslerini hızla devreye almaktadır. Güncel Elitcasino adresine ulaşmak için bu sayfayı düzenli olarak ziyaret etmenizi tavsiye ederiz."
            }
          },
          {
            "@type": "Question",
            "name": "Elitcasino müşteri desteğine nasıl ulaşabilirim?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Elitcasino'in 7/24 aktif müşteri destek ekibine canlı sohbet, e-posta veya telefon aracılığıyla ulaşabilirsiniz. Elitcasino güncel giriş sorunları, ödeme işlemleri veya hesap yönetimi konularında destek almak için platforma giriş yaptıktan sonra yardım merkezini ziyaret edin. Ortalama yanıt süresi birkaç dakikadır; Elitcasino destek ekibi Türkçe olarak hizmet vermektedir."
            }
          }
        ]
      },
      {
        "@type": "Article",
        "headline": "Elitcasino Giriş: En Kolay ve Hızlı Yöntemler",
        "description": "Elitcasino giriş işlemini en kolay ve hızlı şekilde nasıl gerçekleştireceğinizi adım adım anlatan kapsamlı rehber.",
        "inLanguage": "tr",
        "publisher": {
          "@type": "Organization",
          "name": "Elitcasino",
          "logo": {
            "@type": "ImageObject",
            "url": "elitcasino.png"
          }
        }
      },
      {
        "@type": "Article",
        "headline": "Elitcasino Güncel Adres Takibi: Kesintisiz Erişim İçin İpuçları",
        "description": "Elitcasino güncel adresini takip etmek ve her zaman platforma erişim sağlamak için bilmeniz gereken tüm ipuçları ve yöntemler.",
        "inLanguage": "tr",
        "publisher": {
          "@type": "Organization",
          "name": "Elitcasino",
          "logo": {
            "@type": "ImageObject",
            "url": "elitcasino.png"
          }
        }
      },
      {
        "@type": "Article",
        "headline": "Elitcasino Güncel Giriş 2026: Yeni Özellikler ve Avantajlar",
        "description": "Elitcasino'in 2026 yılında sunduğu yeni özellikler, iyileştirmeler ve kullanıcılara sağladığı avantajlar hakkında kapsamlı bilgi.",
        "inLanguage": "tr",
        "publisher": {
          "@type": "Organization",
          "name": "Elitcasino",
          "logo": {
            "@type": "ImageObject",
            "url": "elitcasino.png"
          }
        }
      },
      {
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "Elitcasino",
            "item": "https://m.elitcasino.cam/"
          }
        ]
      }
    ]
  }
  </script>

  <style>
    :root {
      --color-primary: #F8F8F8;
      --color-secondary: #F2C01A;
      --color-nav-bg: #F8F8F8;
      --color-text-on-primary: #111111;
      --color-text-on-nav: #111111;
      --color-text-on-secondary: #111111;
      --font-stack: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
      --radius: 12px;
      --shadow: 0 8px 32px rgba(0,0,0,0.18);
      --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    html { scroll-behavior: smooth; }

    body {
      font-family: var(--font-stack);
      background: var(--color-primary);
      color: var(--color-text-on-primary);
      line-height: 1.6;
      overflow-x: hidden;
    }

    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: #e8e8e8; }
    ::-webkit-scrollbar-thumb { background: var(--color-secondary); border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #d4a800; }

    /* ── Skip link ── */
    .skip-link {
      position: absolute;
      top: -100%;
      left: 0;
      background: var(--color-secondary);
      color: #111;
      padding: 12px 24px;
      font-weight: 700;
      z-index: 9999;
      text-decoration: none;
      border-radius: 0 0 var(--radius) 0;
      transition: top 0.2s;
    }
    .skip-link:focus { top: 0; }

    :focus-visible {
      outline: 3px solid var(--color-secondary);
      outline-offset: 2px;
    }

    /* ── Keyframes ── */
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    @keyframes slideInLeft {
      from { opacity: 0; transform: translateX(-40px); }
      to   { opacity: 1; transform: translateX(0); }
    }
    @keyframes shimmer {
      0%   { background-position: -200% center; }
      100% { background-position:  200% center; }
    }
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50%       { transform: scale(1.04); }
    }
    @keyframes textGradient {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    @keyframes particleFloat {
      0%   { transform: translateY(0)    translateX(0)   rotate(0deg);   opacity: 0.55; }
      33%  { transform: translateY(-28px) translateX(14px)  rotate(120deg); opacity: 0.25; }
      66%  { transform: translateY(-14px) translateX(-10px) rotate(240deg); opacity: 0.45; }
      100% { transform: translateY(0)    translateX(0)   rotate(360deg); opacity: 0.55; }
    }

    /* ── Scroll reveal ── */
    .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.65s ease calc(var(--i, 0) * 0.1s),
                  transform 0.65s ease calc(var(--i, 0) * 0.1s);
    }
    .reveal.visible { opacity: 1; transform: none; }

    /* ══════════════════════════════════════
       HEADER / NAV  —  D: Full color sticky
    ══════════════════════════════════════ */
    header {
      position: sticky;
      top: 0;
      z-index: 1000;
      background: var(--color-nav-bg);
      border-bottom: 2.5px solid var(--color-secondary);
      transition: box-shadow var(--transition);
    }
    header.scrolled { box-shadow: 0 4px 28px rgba(0,0,0,0.12); }

    nav {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
      height: 70px;
    }

    .nav-logo img { display: block; }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 4px;
      list-style: none;
    }
    .nav-links a {
      color: var(--color-text-on-nav);
      text-decoration: none;
      font-size: 0.88rem;
      font-weight: 600;
      padding: 7px 13px;
      border-radius: 8px;
      transition: background var(--transition), color var(--transition);
      white-space: nowrap;
    }
    .nav-links a:hover,
    .nav-links a.active {
      background: var(--color-secondary);
      color: #111;
    }

    .nav-actions { display: flex; align-items: center; gap: 10px; }

    .btn-login {
      display: inline-flex;
      align-items: center;
      padding: 9px 22px;
      border: 2px solid var(--color-secondary);
      color: #111;
      text-decoration: none;
      border-radius: var(--radius);
      font-weight: 700;
      font-size: 0.88rem;
      transition: all var(--transition);
      min-height: 48px;
      white-space: nowrap;
    }
    .btn-login:hover { background: var(--color-secondary); }

    .btn-register {
      display: inline-flex;
      align-items: center;
      padding: 9px 22px;
      background: var(--color-secondary);
      color: #111;
      text-decoration: none;
      border-radius: var(--radius);
      font-weight: 700;
      font-size: 0.88rem;
      transition: all var(--transition);
      min-height: 48px;
      white-space: nowrap;
      box-shadow: 0 4px 14px rgba(242,192,26,0.4);
    }
    .btn-register:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 28px rgba(242,192,26,0.55);
    }

    /* Hamburger */
    .hamburger {
      display: none;
      flex-direction: column;
      justify-content: center;
      gap: 5px;
      width: 44px;
      height: 44px;
      cursor: pointer;
      background: none;
      border: none;
      padding: 8px;
      border-radius: var(--radius);
    }
    .hamburger span {
      display: block;
      width: 100%;
      height: 2px;
      background: var(--color-text-on-nav);
      border-radius: 2px;
      transition: all var(--transition);
    }
    .hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* Mobile menu */
    .mobile-menu {
      display: none;
      position: fixed;
      top: 70px;
      left: 0; right: 0; bottom: 0;
      background: var(--color-nav-bg);
      padding: 32px 24px;
      flex-direction: column;
      gap: 6px;
      z-index: 999;
      overflow-y: auto;
      transform: translateX(100%);
      transition: transform var(--transition);
    }
    .mobile-menu.open { transform: translateX(0); }
    .mobile-menu a {
      color: var(--color-text-on-nav);
      text-decoration: none;
      font-size: 1.1rem;
      font-weight: 600;
      padding: 14px 16px;
      border-radius: var(--radius);
      transition: background var(--transition);
      display: block;
    }
    .mobile-menu a:hover { background: rgba(242,192,26,0.12); }
    .mobile-menu-actions {
      display: flex;
      gap: 12px;
      margin-top: 20px;
      padding-top: 20px;
      border-top: 1px solid rgba(0,0,0,0.1);
    }
    .mobile-menu-actions .btn-login,
    .mobile-menu-actions .btn-register { flex: 1; justify-content: center; }

    /* ══════════════════════════════════════
       HERO  —  A: Diagonal  +  E: Bold & Dramatic
    ══════════════════════════════════════ */
    #hero {
      position: relative;
      min-height: 88vh;
      display: flex;
      align-items: center;
      background: linear-gradient(135deg, #0b1220 0%, #1a2540 45%, #0d1828 100%);
      clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
      padding: 100px 24px 180px;
      overflow: hidden;
    }

    /* Floating particles */
    .hero-particles { position: absolute; inset: 0; pointer-events: none; }
    .hero-particle {
      position: absolute;
      border-radius: 50%;
      background: var(--color-secondary);
      animation: particleFloat linear infinite;
    }

    .hero-container {
      position: relative;
      z-index: 1;
      max-width: 700px;
      margin: 0 auto 0 0;
      width: 100%;
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(242,192,26,0.12);
      border: 1px solid rgba(242,192,26,0.35);
      color: var(--color-secondary);
      padding: 7px 18px;
      border-radius: 50px;
      font-size: 0.82rem;
      font-weight: 700;
      letter-spacing: 0.5px;
      margin-bottom: 28px;
      animation: slideInLeft 0.55s ease both;
    }

    #hero h1 {
      font-size: clamp(2.6rem, 6vw, 5rem);
      font-weight: 900;
      letter-spacing: -3px;
      line-height: 1.0;
      color: #fff;
      margin-bottom: 28px;
      animation: slideInLeft 0.65s ease 0.08s both;
    }

    .hero-gradient-text {
      background: linear-gradient(90deg, #F2C01A, #ffe168, #F2C01A, #d4a000);
      background-size: 200% auto;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      animation: textGradient 4s linear infinite;
    }

    .hero-tagline {
      font-size: clamp(0.95rem, 2.2vw, 1.2rem);
      color: rgba(255,255,255,0.72);
      max-width: 580px;
      margin-bottom: 44px;
      animation: slideInLeft 0.75s ease 0.16s both;
      font-weight: 400;
      line-height: 1.75;
    }

    .hero-actions {
      display: flex;
      gap: 16px;
      flex-wrap: wrap;
      animation: slideInLeft 0.85s ease 0.24s both;
    }

    .btn-cta {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: var(--color-secondary);
      color: #111;
      font-weight: 800;
      font-size: 1rem;
      padding: 16px 38px;
      border-radius: var(--radius);
      text-decoration: none;
      overflow: hidden;
      min-height: 56px;
      box-shadow: 0 8px 36px rgba(242,192,26,0.5);
      transition: transform var(--transition), box-shadow var(--transition);
      animation: pulse 3s ease-in-out infinite;
    }
    .btn-cta::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);
      background-size: 200% 100%;
      animation: shimmer 2.4s linear infinite;
    }
    .btn-cta:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 52px rgba(242,192,26,0.65);
      animation: none;
    }

    .btn-secondary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: rgba(255,255,255,0.82);
      font-weight: 600;
      font-size: 1rem;
      padding: 16px 26px;
      border: 1.5px solid rgba(255,255,255,0.22);
      border-radius: var(--radius);
      text-decoration: none;
      min-height: 56px;
      transition: all var(--transition);
    }
    .btn-secondary:hover { background: rgba(255,255,255,0.08); color: #fff; }

    /* ══════════════════════════════════════
       SVG WAVE DIVIDERS  —  C: SVG dalga
    ══════════════════════════════════════ */
    .wave-wrap { line-height: 0; display: block; overflow: hidden; }
    .wave-wrap svg { display: block; width: 100%; }

    /* ══════════════════════════════════════
       SHARED SECTION LAYOUT
    ══════════════════════════════════════ */
    .section-container { max-width: 1200px; margin: 0 auto; }

    .section-label {
      font-size: 0.75rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: var(--color-secondary);
      margin-bottom: 10px;
      display: block;
    }

    /* ══════════════════════════════════════
       HAKKIMIZDA
    ══════════════════════════════════════ */
    #hakkimizda {
      background: var(--color-primary);
      padding: 96px 24px 80px;
    }

    #hakkimizda h2 {
      font-size: clamp(1.9rem, 4vw, 2.9rem);
      font-weight: 900;
      letter-spacing: -3px;
      line-height: 1.0;
      margin-bottom: 40px;
      color: #111;
    }

    .hakkimizda-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: start;
    }

    .hakkimizda-text p {
      color: #444;
      line-height: 1.85;
      margin-bottom: 22px;
      font-size: 1rem;
    }

    .stats-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
    }

    /* B: Floating card */
    .stat-card {
      background: #fff;
      border-radius: var(--radius);
      padding: 28px 20px;
      text-align: center;
      box-shadow: 0 20px 60px rgba(0,0,0,0.10);
      border-top: 4px solid var(--color-secondary);
      transition: transform var(--transition), box-shadow var(--transition);
    }
    .stat-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 32px 80px rgba(0,0,0,0.14);
    }

    .stat-number {
      font-size: 2.4rem;
      font-weight: 900;
      letter-spacing: -2px;
      color: var(--color-secondary);
      display: block;
      margin-bottom: 6px;
      min-height: 44px;
    }
    .stat-label { font-size: 0.82rem; color: #666; font-weight: 500; }

    /* ══════════════════════════════════════
       ÖZELLİKLER  —  F: Large numbered steps
    ══════════════════════════════════════ */
    #ozellikler {
      background: #efefef;
      padding: 96px 24px 80px;
    }

    #ozellikler h2 {
      font-size: clamp(1.9rem, 4vw, 2.9rem);
      font-weight: 900;
      letter-spacing: -3px;
      text-align: center;
      margin-bottom: 60px;
      color: #111;
    }

    .features-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
    }

    /* B: Floating card */
    .feature-card {
      background: #fff;
      box-shadow: 0 20px 60px rgba(0,0,0,0.11);
      border-top: 4px solid var(--color-secondary);
      border-radius: var(--radius);
      padding: 40px 30px 36px;
      position: relative;
      overflow: hidden;
      transition: transform var(--transition), box-shadow var(--transition);
    }
    .feature-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 36px 88px rgba(0,0,0,0.16);
    }

    /* Large background step number */
    .feature-card::before {
      content: attr(data-num);
      position: absolute;
      top: -10px;
      right: -8px;
      font-size: 8rem;
      font-weight: 900;
      opacity: 0.06;
      color: #000;
      line-height: 1;
      pointer-events: none;
      letter-spacing: -4px;
      user-select: none;
    }

    .feature-icon {
      width: 56px;
      height: 56px;
      background: rgba(242,192,26,0.14);
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      transition: background var(--transition);
    }
    .feature-card:hover .feature-icon { background: var(--color-secondary); }
    .feature-icon svg {
      width: 26px;
      height: 26px;
      color: var(--color-secondary);
      transition: color var(--transition);
    }
    .feature-card:hover .feature-icon svg { color: #111; }

    .feature-card h3 {
      font-size: 1.1rem;
      font-weight: 800;
      margin-bottom: 12px;
      color: #111;
      letter-spacing: -0.4px;
    }
    .feature-card p { color: #555; line-height: 1.75; font-size: 0.93rem; }

    /* ══════════════════════════════════════
       MAKALELERs
    ══════════════════════════════════════ */
    #makaleler {
      background: var(--color-primary);
      padding: 96px 24px 80px;
    }

    #makaleler h2 {
      font-size: clamp(1.9rem, 4vw, 2.9rem);
      font-weight: 900;
      letter-spacing: -3px;
      text-align: center;
      margin-bottom: 60px;
      color: #111;
    }

    .articles-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 2rem;
    }

    .article-card {
      background: #fff;
      box-shadow: 0 20px 60px rgba(0,0,0,0.11);
      border-top: 4px solid var(--color-secondary);
      border-radius: var(--radius);
      padding: 36px 28px;
      display: flex;
      flex-direction: column;
      transition: transform var(--transition), box-shadow var(--transition);
    }
    .article-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 36px 80px rgba(0,0,0,0.14);
    }

    .article-tag {
      display: inline-block;
      background: rgba(242,192,26,0.14);
      color: #8a6500;
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding: 4px 12px;
      border-radius: 50px;
      margin-bottom: 16px;
      align-self: flex-start;
    }

    .article-card h3 {
      font-size: 1.05rem;
      font-weight: 800;
      color: #111;
      margin-bottom: 14px;
      line-height: 1.45;
      letter-spacing: -0.3px;
    }

    .article-card p {
      color: #555;
      line-height: 1.75;
      font-size: 0.91rem;
      flex: 1;
      margin-bottom: 24px;
    }

    .article-read-more {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #8a6500;
      font-weight: 700;
      font-size: 0.88rem;
      text-decoration: none;
      transition: gap var(--transition), color var(--transition);
    }
    .article-read-more:hover { gap: 12px; color: #b8860b; }

    /* ══════════════════════════════════════
       SSS
    ══════════════════════════════════════ */
    #sss {
      background: #efefef;
      padding: 96px 24px 80px;
    }

    #sss h2 {
      font-size: clamp(1.9rem, 4vw, 2.9rem);
      font-weight: 900;
      letter-spacing: -3px;
      text-align: center;
      margin-bottom: 60px;
      color: #111;
    }

    .faq-list {
      max-width: 820px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .faq-item {
      background: #fff;
      border-radius: var(--radius);
      box-shadow: 0 4px 20px rgba(0,0,0,0.07);
      overflow: hidden;
    }

    .faq-question {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 24px;
      background: none;
      border: none;
      cursor: pointer;
      font-family: var(--font-stack);
      font-size: 0.98rem;
      font-weight: 700;
      color: #111;
      text-align: left;
      gap: 16px;
      transition: background var(--transition);
      min-height: 48px;
    }
    .faq-question:hover { background: rgba(242,192,26,0.07); }
    .faq-question[aria-expanded="true"] { background: rgba(242,192,26,0.11); }

    .faq-icon {
      width: 26px;
      height: 26px;
      flex-shrink: 0;
      background: var(--color-secondary);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform var(--transition);
    }
    .faq-question[aria-expanded="true"] .faq-icon { transform: rotate(45deg); }
    .faq-icon svg { width: 14px; height: 14px; color: #111; }

    .faq-answer {
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      transition: max-height 0.4s ease, opacity 0.3s ease;
    }
    .faq-answer.open { opacity: 1; }
    .faq-answer-inner {
      padding: 0 24px 24px;
      color: #444;
      line-height: 1.85;
      font-size: 0.94rem;
    }

    /* ══════════════════════════════════════
       FOOTER
    ══════════════════════════════════════ */
    footer {
      background: #0c1220;
      color: rgba(255,255,255,0.72);
      padding: 68px 24px 32px;
    }

    .footer-container { max-width: 1200px; margin: 0 auto; }

    .footer-top {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 48px;
      margin-bottom: 48px;
    }

    .footer-logo { margin-bottom: 16px; display: block; }

    .footer-slogan {
      font-size: 0.93rem;
      line-height: 1.75;
      color: rgba(255,255,255,0.55);
      margin-bottom: 24px;
    }

    .social-links { display: flex; gap: 12px; }

    .social-link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 44px;
      height: 44px;
      background: rgba(255,255,255,0.08);
      border-radius: 10px;
      color: rgba(255,255,255,0.65);
      text-decoration: none;
      transition: background var(--transition), color var(--transition), transform var(--transition);
    }
    .social-link:hover {
      background: var(--color-secondary);
      color: #111;
      transform: translateY(-3px);
    }
    .social-link svg { width: 20px; height: 20px; }

    .footer-nav h4,
    .footer-info h4 {
      color: #fff;
      font-size: 0.8rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      margin-bottom: 18px;
    }

    .footer-nav ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }

    .footer-nav a {
      color: rgba(255,255,255,0.55);
      text-decoration: none;
      font-size: 0.9rem;
      transition: color var(--transition);
    }
    .footer-nav a:hover { color: var(--color-secondary); }

    .footer-info p {
      color: rgba(255,255,255,0.55);
      font-size: 0.9rem;
      line-height: 1.8;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.08);
      padding-top: 24px;
      text-align: center;
      font-size: 0.83rem;
      color: rgba(255,255,255,0.35);
    }

    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media (max-width: 1024px) {
      .hakkimizda-grid { grid-template-columns: 1fr; gap: 44px; }
      .footer-top { grid-template-columns: 1fr 1fr; }
      .footer-brand { grid-column: 1 / -1; }
    }

    @media (max-width: 768px) {
      .nav-links,
      .nav-actions { display: none; }
      .hamburger { display: flex; }
      .mobile-menu { display: flex; }

      .features-grid,
      .articles-grid { grid-template-columns: 1fr; }
      .stats-grid { grid-template-columns: 1fr 1fr; }

      #hero {
        clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
        padding-bottom: 110px;
        min-height: auto;
      }

      .footer-top { grid-template-columns: 1fr; gap: 32px; }
    }

    @media (max-width: 480px) {
      .stats-grid { grid-template-columns: 1fr; }
      .hero-actions { flex-direction: column; }
      .btn-cta,
      .btn-secondary { width: 100%; justify-content: center; }
    }
  </style>
</head>
<body>
  <a href="#main-content" class="skip-link">İçeriğe geç</a>

  <header role="banner" id="site-header">
    <nav role="navigation" aria-label="Ana menü">
      <a href="#hero" class="nav-logo" aria-label="Elitcasino Ana Sayfa">
        <img src="elitcasino.png" alt="Elitcasino - resmi logo" width="160" height="50" loading="eager">
      </a>
      <ul class="nav-links" role="list">
        <li><a href="#hero">Ana Sayfa</a></li>
        <li><a href="#hakkimizda">Hakkımızda</a></li>
        <li><a href="#ozellikler">Özellikler</a></li>
        <li><a href="#makaleler">Makaleler</a></li>
        <li><a href="#sss">SSS</a></li>
      </ul>
      <div class="nav-actions">
        <a href="#" class="btn-login" role="button" aria-label="Giriş Yap">Giriş Yap</a>
        <a href="#" class="btn-register" role="button" aria-label="Kayıt Ol">Kayıt Ol</a>
      </div>
      <button class="hamburger" aria-expanded="false" aria-label="Menüyü aç veya kapat" aria-controls="mobile-menu">
        <span></span><span></span><span></span>
      </button>
    </nav>
  </header>

  <div class="mobile-menu" id="mobile-menu" role="dialog" aria-modal="true" aria-label="Mobil menü">
    <a href="#hero">Ana Sayfa</a>
    <a href="#hakkimizda">Hakkımızda</a>
    <a href="#ozellikler">Özellikler</a>
    <a href="#makaleler">Makaleler</a>
    <a href="#sss">SSS</a>
    <div class="mobile-menu-actions">
      <a href="#" class="btn-login" role="button" aria-label="Giriş Yap">Giriş Yap</a>
      <a href="#" class="btn-register" role="button" aria-label="Kayıt Ol">Kayıt Ol</a>
    </div>
  </div>

  <main id="main-content" role="main">

    <!-- ══ HERO ══ -->
    <section id="hero" aria-labelledby="hero-heading">
      <div class="hero-particles" aria-hidden="true">
        <div class="hero-particle" style="width:11px;height:11px;left:8%;top:18%;animation-duration:8s;animation-delay:0s;opacity:0.18;"></div>
        <div class="hero-particle" style="width:7px;height:7px;left:22%;top:62%;animation-duration:11s;animation-delay:-2.4s;opacity:0.14;"></div>
        <div class="hero-particle" style="width:15px;height:15px;left:38%;top:28%;animation-duration:13s;animation-delay:-4.1s;opacity:0.12;border-radius:3px;"></div>
        <div class="hero-particle" style="width:9px;height:9px;left:58%;top:72%;animation-duration:9.5s;animation-delay:-1.2s;opacity:0.16;"></div>
        <div class="hero-particle" style="width:13px;height:13px;left:73%;top:18%;animation-duration:12s;animation-delay:-3.5s;opacity:0.13;"></div>
        <div class="hero-particle" style="width:6px;height:6px;left:84%;top:52%;animation-duration:7.5s;animation-delay:-5.2s;opacity:0.18;"></div>
        <div class="hero-particle" style="width:17px;height:17px;left:48%;top:82%;animation-duration:14.5s;animation-delay:-6.8s;opacity:0.10;border-radius:4px;"></div>
        <div class="hero-particle" style="width:8px;height:8px;left:14%;top:78%;animation-duration:9s;animation-delay:-7.3s;opacity:0.15;"></div>
        <div class="hero-particle" style="width:10px;height:10px;left:91%;top:33%;animation-duration:10.5s;animation-delay:-2.9s;opacity:0.14;"></div>
        <div class="hero-particle" style="width:5px;height:5px;left:30%;top:45%;animation-duration:8.8s;animation-delay:-0.7s;opacity:0.20;"></div>
      </div>
      <div class="hero-container">
        <div class="hero-badge" aria-hidden="true">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
          Anlık Güncel Erişim — 2026
        </div>
        <h1 id="hero-heading">
          <span class="hero-gradient-text">Elitcasino</span> Güncel<br>Giriş Adresi
        </h1>
        <p class="hero-tagline">
          <strong style="-webkit-text-fill-color:#fff;color:#fff;">Elitcasino giriş</strong> ve <strong style="-webkit-text-fill-color:#F2C01A;color:#F2C01A;">Elitcasino güncel</strong> adresine kesintisiz ulaşın. Güvenli, hızlı ve her zaman aktif Elitcasino güncel giriş için tek adresiniz.
        </p>
        <div class="hero-actions">
          <a href="#" class="btn-cta" role="button" aria-label="Hemen Giriş Yap">
            <svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3"/></svg>
            Hemen Giriş Yap
          </a>
          <a href="#hakkimizda" class="btn-secondary" aria-label="Daha fazla bilgi edinin">
            Daha Fazla
            <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg>
          </a>
        </div>
      </div>
    </section>

    <!-- Wave: hero dark → hakkimizda light -->
    <div class="wave-wrap" aria-hidden="true" style="background:#0d1828;margin-top:-2px;">
      <svg viewBox="0 0 1440 90" preserveAspectRatio="none" style="height:90px;" xmlns="http://www.w3.org/2000/svg">
        <path d="M0,45 C320,90 760,0 1100,55 C1240,75 1360,35 1440,45 L1440,90 L0,90 Z" fill="#F8F8F8"/>
      </svg>
    </div>

    <!-- ══ HAKKIMIZDA ══ -->
    <section id="hakkimizda" aria-labelledby="hakkimizda-heading" style="background:#F8F8F8;padding:80px 24px 96px;">
      <div class="section-container">
        <span class="section-label reveal">Bizi Tanıyın</span>
        <h2 id="hakkimizda-heading" class="reveal">Elitcasino Nedir?</h2>
        <div class="hakkimizda-grid">
          <div class="hakkimizda-text">
            <p class="reveal">
              <strong>Elitcasino</strong>, Türkiye'nin önde gelen çevrimiçi eğlence ve bahis platformlarından biridir. Yıllar içinde edindiği deneyim ve güçlü altyapısıyla Elitcasino, kullanıcılarına spor bahisleri, canlı casino ve slot oyunları gibi geniş bir içerik yelpazesi sunmaktadır. Elitcasino giriş işlemi son derece basit olup yalnızca birkaç adımda tamamlanabilmektedir. Güvenli ödeme altyapısı sayesinde para yatırma ve çekme işlemleri hızlı ve sorunsuz gerçekleştirilmektedir.
            </p>
            <p class="reveal">
              <strong>Elitcasino güncel</strong> adresine her zaman bu sayfa üzerinden ulaşabilirsiniz. Platform, kullanıcı deneyimini sürekli iyileştirmek amacıyla düzenli güncellemeler yayımlamaktadır. <strong>Elitcasino güncel giriş</strong> adresi değiştiğinde bile anlık bildirimlerle en güncel bağlantıya yönlendirilirsiniz. 7/24 müşteri desteği, çeşitli bonus seçenekleri ve güvenli altyapısıyla Elitcasino, Türk oyunseverler arasında tercih edilen platform olmayı sürdürmektedir.
            </p>
          </div>
          <div class="stats-grid">
            <div class="stat-card reveal">
              <span class="stat-number" data-target="250000">0</span>
              <span class="stat-label">Aktif Kullanıcı</span>
            </div>
            <div class="stat-card reveal">
              <span class="stat-number" data-target="10">0</span>
              <span class="stat-label">Yıllık Deneyim</span>
            </div>
            <div class="stat-card reveal">
              <span class="stat-number" data-target="500">0</span>
              <span class="stat-label">Oyun &amp; Bahis Seçeneği</span>
            </div>
            <div class="stat-card reveal">
              <span class="stat-number" data-target="99">0</span>
              <span class="stat-label">% Memnuniyet Oranı</span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Wave: hakkimizda → ozellikler -->
    <div class="wave-wrap" aria-hidden="true" style="background:#F8F8F8;">
      <svg viewBox="0 0 1440 80" preserveAspectRatio="none" style="height:80px;" xmlns="http://www.w3.org/2000/svg">
        <path d="M0,0 C400,80 900,0 1440,50 L1440,80 L0,80 Z" fill="#efefef"/>
      </svg>
    </div>

    <!-- ══ ÖZELLİKLER ══ -->
    <section id="ozellikler" aria-labelledby="ozellikler-heading">
      <div class="section-container">
        <span class="section-label reveal" style="display:block;text-align:center;">Neden Elitcasino?</span>
        <h2 id="ozellikler-heading" class="reveal">Elitcasino'in Farkı</h2>
        <div class="features-grid">

          <article class="feature-card reveal" data-num="01">
            <div class="feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
              </svg>
            </div>
            <h3>Elitcasino Giriş Güvenliği</h3>
            <p>Elitcasino giriş işlemleri 256-bit SSL şifreleme ile korunmaktadır. İki faktörlü kimlik doğrulama, anlık şüpheli işlem uyarıları ve hesap kilitleme özellikleri sayesinde hesabınız her zaman güvende kalır. Elitcasino, kullanıcı verilerini üçüncü taraflarla asla paylaşmaz ve gizlilik politikasına sıkı sıkıya bağlı kalır.</p>
          </article>

          <article class="feature-card reveal" data-num="02">
            <div class="feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/>
              </svg>
            </div>
            <h3>Elitcasino Güncel Hız</h3>
            <p>Elitcasino güncel altyapısı, yüksek trafikte dahi yavaşlama olmadan saniyeler içinde yüklenmektedir. Canlı bahis ekranları anlık oranlarla güncellenmekte, mobil cihazlarda da aynı hız deneyimi sunulmaktadır. Elitcasino sunucuları Avrupa'nın en gelişmiş veri merkezlerinde barındırılmaktadır.</p>
          </article>

          <article class="feature-card reveal" data-num="03">
            <div class="feature-icon">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                <polyline points="20 12 20 22 4 22 4 12"/>
                <rect x="2" y="7" width="20" height="5"/>
                <line x1="12" y1="22" x2="12" y2="7"/>
                <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/>
                <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/>
              </svg>
            </div>
            <h3>Elitcasino Güncel Giriş Bonusları</h3>
            <p>Elitcasino güncel giriş yapan her yeni üyeye özel hoş geldin bonusu sunulmaktadır. Haftalık kayıp iadesi, yatırım bonusları ve VIP program gibi avantajlarla Elitcasino oyuncularını ödüllendirmeye devam eder. Bonuslar hesabınıza anında yansır ve çevrim şartları sektörün en rekabetçi seviyesindedir.</p>
          </article>

        </div>
      </div>
    </section>

    <!-- Wave: ozellikler → makaleler -->
    <div class="wave-wrap" aria-hidden="true" style="background:#efefef;">
      <svg viewBox="0 0 1440 80" preserveAspectRatio="none" style="height:80px;" xmlns="http://www.w3.org/2000/svg">
        <path d="M0,50 C360,0 1080,80 1440,30 L1440,80 L0,80 Z" fill="#F8F8F8"/>
      </svg>
    </div>

    <!-- ══ MAKALELER ══ -->
    <section id="makaleler" aria-labelledby="makaleler-heading" style="background:#F8F8F8;padding:80px 24px 96px;">
      <div class="section-container">
        <span class="section-label reveal" style="display:block;text-align:center;">Rehber &amp; İçerikler</span>
        <h2 id="makaleler-heading" class="reveal">Elitcasino Rehberi</h2>
        <div class="articles-grid">

          <article class="article-card reveal">
            <span class="article-tag">Rehber</span>
            <h3>Elitcasino Giriş: En Kolay ve Hızlı Yöntemler</h3>
            <p>Elitcasino giriş işlemini güvenli ve hızlı biçimde tamamlamak için izlemeniz gereken adımları bu rehberde bulabilirsiniz. Öncelikle Elitcasino güncel adresine erişin ve sağ üst köşedeki "Giriş Yap" butonuna tıklayın. Kayıtlı kullanıcı adı ve şifrenizi girin; iki faktörlü doğrulama etkinleştirdiyseniz SMS kodunu da girin. Elitcasino, akıllı telefon ve tablet uyumlu arayüzüyle mobil cihazlarda da tam anlamıyla çalışmaktadır. Şifrenizi unuttuysanız e-posta ile kolayca sıfırlayabilirsiniz. Elitcasino giriş sorunlarında destek hattı 7/24 yardımcı olmaktadır.</p>
            <a href="#" class="article-read-more" aria-label="Elitcasino Giriş rehberini oku">
              Devamını Oku
              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </article>

          <article class="article-card reveal">
            <span class="article-tag">Güncel</span>
            <h3>Elitcasino Güncel Adres Takibi: Kesintisiz Erişim İçin İpuçları</h3>
            <p>Elitcasino güncel adresinin değişmesi durumunda çoğu kullanıcı nereye başvuracağını bilemez. Bu ipuçları sayesinde her zaman Elitcasino'e ulaşabilirsiniz. İlk yöntem, bu sayfayı tarayıcınızın yer imlerine eklemektir; Elitcasino güncel adres güncellemeleri buraya yansıtılır. İkinci yöntem Elitcasino'in resmi sosyal medya hesaplarını takip etmektir. Üçüncü olarak e-posta bültenine abone olarak anlık bildirim alabilirsiniz. Elitcasino, adres değişikliklerini kullanıcılarına önceden bildirmekte ve kesintisiz erişimi ön planda tutmaktadır.</p>
            <a href="#" class="article-read-more" aria-label="Elitcasino Güncel adres takip rehberini oku">
              Devamını Oku
              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </article>

          <article class="article-card reveal">
            <span class="article-tag">2026</span>
            <h3>Elitcasino Güncel Giriş 2026: Yeni Özellikler ve Avantajlar</h3>
            <p>Elitcasino güncel giriş platformu 2026 yılında kapsamlı bir yenileme sürecinden geçmiştir. Yeni arayüz daha sezgisel bir kullanıcı deneyimi sunarken sayfa yüklenme hızları önemli ölçüde artmıştır. Elitcasino, 2026 güncellemesiyle birlikte kripto para ile ödeme seçeneğini de devreye almıştır. Canlı bahis ekranı gerçek zamanlı istatistiklerle zenginleştirilmiş, mobil uygulama yeni bildirim sistemiyle kullanıcıları anlık gelişmelerden haberdar etmektedir. Elitcasino güncel giriş 2026 deneyimi hakkında daha fazla bilgi için destek ekibimizle iletişime geçebilirsiniz.</p>
            <a href="#" class="article-read-more" aria-label="Elitcasino Güncel Giriş 2026 rehberini oku">
              Devamını Oku
              <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </article>

        </div>
      </div>
    </section>

    <!-- Wave: makaleler → sss -->
    <div class="wave-wrap" aria-hidden="true" style="background:#F8F8F8;">
      <svg viewBox="0 0 1440 80" preserveAspectRatio="none" style="height:80px;" xmlns="http://www.w3.org/2000/svg">
        <path d="M0,20 C480,80 960,0 1440,55 L1440,80 L0,80 Z" fill="#efefef"/>
      </svg>
    </div>

    <!-- ══ SSS ══ -->
    <section id="sss" aria-labelledby="sss-heading">
      <div class="section-container">
        <span class="section-label reveal" style="display:block;text-align:center;">Yardım Merkezi</span>
        <h2 id="sss-heading" class="reveal">Sık Sorulan Sorular</h2>
        <div class="faq-list" role="list">

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-1">
              Elitcasino nedir ve nasıl çalışır?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-1" role="region" aria-label="Elitcasino nedir ve nasıl çalışır yanıtı">
              <div class="faq-answer-inner">Elitcasino, kullanıcılarına çevrimiçi eğlence ve bahis hizmetleri sunan köklü bir platformdur. Elitcasino üzerinde spor bahisleri, casino oyunları ve daha pek çok içeriğe tek bir hesapla erişebilirsiniz. Platform, güvenli altyapısı ve hızlı ödeme sistemleriyle kullanıcı memnuniyetini ön planda tutmaktadır. Elitcasino giriş işlemi oldukça basit olup kayıt sonrası anında işlem yapılabilmektedir.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-2">
              Elitcasino giriş nasıl yapılır?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-2" role="region" aria-label="Elitcasino giriş nasıl yapılır yanıtı">
              <div class="faq-answer-inner">Elitcasino giriş yapmak için öncelikle güncel Elitcasino adresini bulmanız gerekmektedir. Sitenin ana sayfasına girdikten sonra sağ üst köşedeki Giriş Yap butonuna tıklayın. Kullanıcı adınızı ve şifrenizi girerek hesabınıza erişebilirsiniz. Şifrenizi unuttuysanız Şifremi Unuttum seçeneğiyle kolayca sıfırlayabilirsiniz. Elitcasino güncel giriş adresi için bu sayfayı yer imlerinize eklemenizi öneririz.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-3">
              Elitcasino güvenilir bir platform midir?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-3" role="region" aria-label="Elitcasino güvenilir bir platform midir yanıtı">
              <div class="faq-answer-inner">Elitcasino, lisanslı ve denetimli bir yapıyla faaliyet göstermektedir. Kullanıcı bilgileri SSL şifreleme teknolojisiyle korunmakta, ödeme işlemleri güvenli kanallar üzerinden gerçekleştirilmektedir. Elitcasino'in yıllarca süren hizmet geçmişi ve yüz binlerce aktif kullanıcısı platformun güvenilirliğini kanıtlamaktadır. Elitcasino giriş ve işlem süreçleri bağımsız denetim kuruluşları tarafından düzenli olarak incelenmektedir.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-4">
              Elitcasino güncel adresine nasıl ulaşabilirim?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-4" role="region" aria-label="Elitcasino güncel adresine nasıl ulaşabilirim yanıtı">
              <div class="faq-answer-inner">Elitcasino güncel adresine ulaşmanın en kolay yolu bu sayfayı takip etmektir. Yetkililerin zaman zaman erişim engellemesi nedeniyle Elitcasino güncel giriş adresi değişebilmektedir. Güncel Elitcasino adresine her zaman buradan ulaşabilir, sosyal medya kanallarımızı da takip edebilirsiniz. Ayrıca e-posta aboneliği ile anlık Elitcasino güncel bildirimler alabilirsiniz.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-5">
              Elitcasino'e üye olmak için ne gerekiyor?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-5" role="region" aria-label="Elitcasino üyelik için ne gerekiyor yanıtı">
              <div class="faq-answer-inner">Elitcasino'e üye olmak son derece basittir. Güncel Elitcasino adresine girerek Kayıt Ol butonuna tıklayın, ardından kişisel bilgilerinizi ve iletişim bilgilerinizi doldurun. E-posta adresinizi doğruladıktan sonra Elitcasino hesabınız aktif hale gelir. Yeni üyeler için özel hoş geldin bonusları mevcuttur. Elitcasino giriş bilgilerinizi güvende tutmak için güçlü bir şifre belirlemenizi öneririz.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-6">
              Elitcasino güncel giriş adresi neden değişiyor?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-6" role="region" aria-label="Elitcasino güncel giriş adresi neden değişiyor yanıtı">
              <div class="faq-answer-inner">Elitcasino güncel giriş adresi, yasal düzenlemeler çerçevesinde yetkililerin uyguladığı erişim kısıtlamaları nedeniyle zaman zaman değişebilmektedir. Bu durum tamamen teknik bir prosedürdür ve platformun hizmet kalitesini etkilememektedir. Elitcasino, kullanıcılarına kesintisiz hizmet sunmak amacıyla yeni adreslerini hızla devreye almaktadır. Güncel Elitcasino adresine ulaşmak için bu sayfayı düzenli olarak ziyaret etmenizi tavsiye ederiz.</div>
            </div>
          </div>

          <div class="faq-item reveal" role="listitem">
            <button class="faq-question" aria-expanded="false" aria-controls="faq-7">
              Elitcasino müşteri desteğine nasıl ulaşabilirim?
              <span class="faq-icon" aria-hidden="true">
                <svg viewBox="0 0 14 14" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="7" y1="2" x2="7" y2="12"/><line x1="2" y1="7" x2="12" y2="7"/></svg>
              </span>
            </button>
            <div class="faq-answer" id="faq-7" role="region" aria-label="Elitcasino müşteri desteğine nasıl ulaşabilirim yanıtı">
              <div class="faq-answer-inner">Elitcasino'in 7/24 aktif müşteri destek ekibine canlı sohbet, e-posta veya telefon aracılığıyla ulaşabilirsiniz. Elitcasino güncel giriş sorunları, ödeme işlemleri veya hesap yönetimi konularında destek almak için platforma giriş yaptıktan sonra yardım merkezini ziyaret edin. Ortalama yanıt süresi birkaç dakikadır; Elitcasino destek ekibi Türkçe olarak hizmet vermektedir.</div>
            </div>
          </div>

        </div>
      </div>
    </section>

  </main>

  <!-- ══ FOOTER ══ -->
  <footer role="contentinfo">
    <div class="footer-container">
      <div class="footer-top">
        <div class="footer-brand">
          <a href="#hero" class="footer-logo" aria-label="Elitcasino Ana Sayfa">
            <img src="elitcasino.png" alt="Elitcasino - resmi logo" width="120" height="38" loading="lazy">
          </a>
          <p class="footer-slogan">Türkiye'nin en güvenilir Elitcasino giriş rehberi. Elitcasino güncel adresine kesintisiz erişin, en iyi bahis deneyimini yaşayın.</p>
          <div class="social-links">
            <a href="https://x.com/Elitcasino" class="social-link" aria-label="Elitcasino Twitter/X sayfası" target="_blank" rel="noopener noreferrer">
              <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.259 5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
            </a>
            <a href="https://www.instagram.com/Elitcasino" class="social-link" aria-label="Elitcasino Instagram sayfası" target="_blank" rel="noopener noreferrer">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none"/></svg>
            </a>
            <a href="https://www.facebook.com/Elitcasino" class="social-link" aria-label="Elitcasino Facebook sayfası" target="_blank" rel="noopener noreferrer">
              <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
            </a>
          </div>
        </div>
        <nav class="footer-nav" aria-label="Footer navigasyon">
          <h4>Sayfalar</h4>
          <ul role="list">
            <li><a href="#hero">Ana Sayfa</a></li>
            <li><a href="#hakkimizda">Hakkımızda</a></li>
            <li><a href="#ozellikler">Özellikler</a></li>
            <li><a href="#makaleler">Makaleler</a></li>
            <li><a href="#sss">SSS</a></li>
          </ul>
        </nav>
        <div class="footer-info">
          <h4>Destek</h4>
          <p>7/24 Aktif Destek<br>Canlı sohbet, e-posta<br>veya telefon ile ulaşın.</p>
        </div>
      </div>
      <div class="footer-bottom">
        <p>© <span class="year"></span> Elitcasino. Tüm hakları saklıdır.</p>
      </div>
    </div>
  </footer>

  <script>
    document.addEventListener('DOMContentLoaded', function () {

      // 1. Contrast Color Calculator
      function getContrastColor(hex) {
        var r = parseInt(hex.slice(1, 3), 16);
        var g = parseInt(hex.slice(3, 5), 16);
        var b = parseInt(hex.slice(5, 7), 16);
        var luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
        return luminance > 0.5 ? '#111111' : '#ffffff';
      }
      var primaryColor   = '#F8F8F8';
      var secondaryColor = '#F2C01A';
      var navBgColor     = '#F8F8F8';
      var root = document.documentElement;
      root.style.setProperty('--color-text-on-primary',   getContrastColor(primaryColor));
      root.style.setProperty('--color-text-on-nav',       getContrastColor(navBgColor));
      root.style.setProperty('--color-text-on-secondary', getContrastColor(secondaryColor));

      // 2. IntersectionObserver – Scroll Reveal
      var revealObserver = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry, i) {
          if (entry.isIntersecting) {
            entry.target.style.setProperty('--i', i);
            entry.target.classList.add('visible');
            revealObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.15 });
      document.querySelectorAll('.reveal').forEach(function (el) {
        revealObserver.observe(el);
      });

      // 3. FAQ Accordion
      document.querySelectorAll('.faq-question').forEach(function (btn) {
        btn.addEventListener('click', function () {
          var expanded = btn.getAttribute('aria-expanded') === 'true';
          document.querySelectorAll('.faq-question').forEach(function (b) {
            b.setAttribute('aria-expanded', 'false');
            var ans = b.nextElementSibling;
            ans.style.maxHeight = '0';
            ans.classList.remove('open');
          });
          if (!expanded) {
            btn.setAttribute('aria-expanded', 'true');
            var ans = btn.nextElementSibling;
            ans.style.maxHeight = ans.scrollHeight + 'px';
            ans.classList.add('open');
          }
        });
      });

      // 4. Active Nav Highlight
      var sections  = document.querySelectorAll('section[id]');
      var navLinks  = document.querySelectorAll('nav a[href^="#"]');
      window.addEventListener('scroll', function () {
        var current = '';
        sections.forEach(function (section) {
          if (window.scrollY >= section.offsetTop - 120) current = section.id;
        });
        navLinks.forEach(function (link) {
          link.classList.toggle('active', link.getAttribute('href') === '#' + current);
        });
      }, { passive: true });

      // 5. Header Scroll Effect
      window.addEventListener('scroll', function () {
        document.getElementById('site-header').classList.toggle('scrolled', window.scrollY > 50);
      }, { passive: true });

      // 6. Counter Animation
      function animateCount(el) {
        var target   = parseInt(el.dataset.target, 10);
        var duration = 1500;
        var step     = target / (duration / 16);
        var current  = 0;
        var timer    = setInterval(function () {
          current += step;
          if (current >= target) {
            el.textContent = target.toLocaleString('tr-TR') + '+';
            clearInterval(timer);
          } else {
            el.textContent = Math.floor(current).toLocaleString('tr-TR');
          }
        }, 16);
      }
      var statsObserver = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            entry.target.querySelectorAll('.stat-number').forEach(animateCount);
            statsObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.3 });
      var statsGrid = document.querySelector('.stats-grid');
      if (statsGrid) statsObserver.observe(statsGrid);

      // 7. Hamburger Menu
      var hamburger  = document.querySelector('.hamburger');
      var mobileMenu = document.querySelector('.mobile-menu');
      hamburger.addEventListener('click', function () {
        var open = hamburger.getAttribute('aria-expanded') === 'true';
        hamburger.setAttribute('aria-expanded', String(!open));
        mobileMenu.classList.toggle('open');
        document.body.style.overflow = open ? '' : 'hidden';
      });
      document.querySelectorAll('.mobile-menu a').forEach(function (link) {
        link.addEventListener('click', function () {
          hamburger.setAttribute('aria-expanded', 'false');
          mobileMenu.classList.remove('open');
          document.body.style.overflow = '';
        });
      });

      // 8. Dynamic Footer Year
      document.querySelectorAll('.year').forEach(function (el) {
        el.textContent = new Date().getFullYear();
      });

    });
  </script>
</body>
</html>