
<html lang="tr"><head>
    
<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>Marsbahis 2026 Girişi - Premium Güncel Giriş - Resmi Erişim Adresi</title>
<meta name="description" content="Marsbahis, Türkiye'nin en güvenilir bahis ve casino platformu. Yüksek oranlar, hızlı ödemeler, canlı bahis ve binlerce casino oyunu. 7/24 destek ile güvenli bahis.">
<meta name="keywords" content="Marsbahis, Marsbahis giriş, Marsbahis kayıt, Marsbahis bahis, Marsbahis casino, Marsbahis güvenilir, Marsbahis bonus, Marsbahis mobil, Marsbahis canlı bahis, Marsbahis slot, Marsbahis poker, Marsbahis casino oyunları, Marsbahis spor bahisleri">

<link rel="canonical" href="https://aussietechheads.com.au/">
<link rel="alternate" hreflang="tr" href="https://app.help-marsbahis.com/" />

<meta name="robots" content="index,follow,max-image-preview:large,max-video-preview:-1,max-snippet:-1">
<meta name="theme-color" content="#FF6B35">
<meta name="accent-color" content="#FF6B35">

<!-- OPEN GRAPH -->
<meta property="og:type" content="website">
<meta property="og:title" content="Marsbahis 2026 Girişi - Premium Güncel Giriş - Resmi Erişim Adresi">
<meta property="og:description" content="Marsbahis, yüksek oranlar, hızlı ödemeler, canlı bahis ve binlerce casino oyunu. 7/24 destek ile güvenli bahis deneyimi.">
<meta property="og:url" content="https://app.help-marsbahis.com/">
<meta property="og:site_name" content="Marsbahis">
<meta property="og:image" content="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png">

<!-- ICONS & PRELOAD -->
<link rel="preload" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png" as="image" type="image/png">
<link rel="preload" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png" as="image" type="image/png">
<link rel="mask-icon" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png" color="#FF6B35">

<link rel="icon" type="image/png" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://backend.bizmatch.pro/uploads/iptv_7d1d1e9a02.png">

<script type="application/ld+json">
{"@context":"https://schema.org","@graph":[
  {"@type":"WebSite","name":"Marsbahis","url":"https://app.help-marsbahis.com/",
  "description":"Marsbahis, Türkiye'nin en güvenilir bahis ve casino platformu. Yüksek oranlar, hızlı ödemeler, canlı bahis ve binlerce casino oyunu. 7/24 destek ile güvenli bahis.",
  "potentialAction":{"@type":"SearchAction","target":"https://app.help-marsbahis.com/?s={search_term_string}","query-input":"required name=search_term_string"}},

  {"@type":"Organization","name":"Marsbahis","url":"https://app.help-marsbahis.com/","logo":"https://app.help-marsbahis.com/favicon.png",
  "description":"Marsbahis; yüksek bahis oranları, hızlı ödeme sistemleri, canlı bahis ve geniş casino oyun koleksiyonu sunar. Tüm işlemler güvenli ödeme prosedürleri ile korunur.",
  "contactPoint":[{"@type":"ContactPoint","contactType":"customer support","availableLanguage":"Turkish","url":"https://app.help-marsbahis.com/"}],
  "audience":{"@type":"PeopleAudience","name":"Tüm Kullanıcılar"},
  "knowsAbout":["Marsbahis Bahis","Spor Bahisleri","Canlı Bahis","Casino Oyunları","Slot Makineleri","Güvenli Ödeme","Müşteri Desteği"]},

  {"@type":"FAQPage","mainEntity":[
    {"@type":"Question","name":"Marsbahis güvenilir mi?","acceptedAnswer":{"@type":"Answer","text":"Marsbahis, lisanslı bahis ve casino platformu olarak güvenli ödeme prosedürleri uygulayan bir platformdur. Tüm işlemler güvenli ödeme altyapısı ile korunur."}},
    {"@type":"Question","name":"Marsbahis nasıl kayıt olunur?","acceptedAnswer":{"@type":"Answer","text":"Marsbahis kayıt işlemi çok basittir. Web sitesinde kayıt butonuna tıklayarak birkaç dakika içinde hesap açabilirsiniz. Kayıt sonrası hoş geldin bonusu ve 7/24 müşteri desteği sağlanır."}},
    {"@type":"Question","name":"Marsbahis bonusları nedir?","acceptedAnswer":{"@type":"Answer","text":"Marsbahis, yeni üyelere hoş geldin bonusu, yatırım bonusları ve özel kampanya bonusları sunar. Bonus koşulları ve detayları platform üzerinde açıkça belirtilir."}},
    {"@type":"Question","name":"Marsbahis canlı bahis var mı?","acceptedAnswer":{"@type":"Answer","text":"Evet, Marsbahis canlı bahis özelliği mevcuttur. Canlı bahis sayesinde maçlar devam ederken bahis yapabilir ve anlık oranları takip edebilirsiniz."}},
    {"@type":"Question","name":"Marsbahis hangi cihazlarda çalışır?","acceptedAnswer":{"@type":"Answer","text":"Marsbahis, masaüstü bilgisayarlar, iPhone, iPad, Android telefon/tablet ve tüm modern web tarayıcılarında çalışır. Mobil uyumlu tasarımı sayesinde her yerden erişim sağlayabilirsiniz."}}
  ]},

  {"@type":"Product","name":"Marsbahis Bahis Platformu","url":"https://app.help-marsbahis.com/","image":"https://app.help-marsbahis.com/favicon.png",
  "description":"Marsbahis; yüksek bahis oranları, hızlı ödeme sistemleri, canlı bahis ve geniş casino oyun koleksiyonu sunar.",
  "brand":{"@type":"Brand","name":"Marsbahis"},
  "aggregateRating":{"@type":"AggregateRating","ratingValue":"4.9","ratingCount":"8765","bestRating":"5","worstRating":"1"}}
]}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[
    {"@type":"ListItem","position":1,"name":"Marsbahis Giriş","item":"https://app.help-marsbahis.com/#giris"},
    {"@type":"ListItem","position":2,"name":"Marsbahis Nedir","item":"https://app.help-marsbahis.com/#nedir"},
    {"@type":"ListItem","position":3,"name":"Spor Bahisleri","item":"https://app.help-marsbahis.com/#bahisler"},
    {"@type":"ListItem","position":4,"name":"Casino Oyunları","item":"https://app.help-marsbahis.com/#casino"},
    {"@type":"ListItem","position":5,"name":"Bonuslar","item":"https://app.help-marsbahis.com/#bonuslar"},
    {"@type":"ListItem","position":6,"name":"Müşteri Desteği","item":"https://app.help-marsbahis.com/#destek"},
    {"@type":"ListItem","position":7,"name":"Sıkça Sorulan Sorular","item":"https://app.help-marsbahis.com/#sss"}]
}
</script>

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Roboto:wght@300;400;500;700&display=swap');

:root{
  --bg: #0f0f0f;
  --bg-alt: #1a1a1a;
  --bg-card: rgba(26, 26, 26, 0.9);
  --text: #ffffff;
  --text-secondary: #d4d4d4;
  --muted: #9ca3af;
  --line: rgba(255, 255, 255, 0.12);
  --accent: #FF6B35;
  --accent-secondary: #F7931E;
  --accent-glow: rgba(255, 107, 53, 0.3);
  --accent-soft: rgba(255, 107, 53, 0.15);
  --accent-gradient: linear-gradient(135deg, #FF6B35 0%, #F7931E 50%, #FF8C42 100%);
  --accent-gradient-alt: linear-gradient(135deg, #FF6B35 0%, #FF8C42 100%);
  --radius: 10px;
  --radius-lg: 18px;
  --font: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Montserrat", sans-serif;
  --shadow: 0 25px 70px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 50px rgba(255, 107, 53, 0.5);
  --shadow-card: 0 10px 40px rgba(0, 0, 0, 0.5);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--bg);
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(255, 107, 53, 0.12) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(247, 147, 30, 0.1) 0%, transparent 50%),
    linear-gradient(180deg, #0f0f0f 0%, #1a1a1a 100%);
  background-attachment: fixed;
  color: var(--text);
  font-family: var(--font);
  font-size: 18px;
  line-height: 1.8;
  overflow-x: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  max-width: 1280px;
  margin: auto;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .container {
    padding: 0 24px;
  }
}

/******** HEADER ********/
header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(15, 15, 15, 0.98);
  backdrop-filter: blur(30px) saturate(180%);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
  animation: slideDown 0.7s ease-out;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85px;
}

.logo {
  font-family: var(--font-heading);
  font-weight: 900;
  font-size: 32px;
  letter-spacing: 2px;
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
  text-transform: uppercase;
}

.logo::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--accent-gradient);
  border-radius: 2px;
  opacity: 0.7;
}

.btn {
  padding: 16px 32px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid transparent;
  background: transparent;
  color: var(--text);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: var(--font-heading);
}

.btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  transform: translate(-50%, -50%);
  transition: width 0.7s, height 0.7s;
}

.btn:hover::before {
  width: 350px;
  height: 350px;
}

.btn-outline {
  border-color: var(--line);
  background: rgba(255, 107, 53, 0.12);
}

.btn-outline:hover {
  border-color: var(--accent);
  color: var(--accent);
  box-shadow: 0 0 25px var(--accent-soft);
  transform: translateY(-3px);
  background: rgba(255, 107, 53, 0.2);
}

.btn-accent {
  background: var(--accent-gradient);
  color: #fff;
  border: none;
  box-shadow: 0 6px 25px rgba(255, 107, 53, 0.5);
}

.btn-accent:hover {
  box-shadow: 0 10px 40px rgba(255, 107, 53, 0.7);
  transform: translateY(-4px) scale(1.05);
}

.btn-login {
  background: var(--accent-gradient-alt);
  color: #fff;
  border: none;
  box-shadow: 0 8px 30px rgba(255, 107, 53, 0.5);
  position: relative;
  overflow: hidden;
  font-weight: 700;
}

.btn-login::after {
  content: '→';
  margin-left: 12px;
  transition: transform 0.3s;
  display: inline-block;
  font-weight: 800;
}

.btn-login:hover {
  box-shadow: 0 12px 45px rgba(255, 107, 53, 0.7);
  transform: translateY(-4px);
}

.btn-login:hover::after {
  transform: translateX(8px);
}

.btn-register {
  background: var(--accent-gradient);
  color: #fff;
  border: none;
  box-shadow: 0 8px 30px rgba(255, 107, 53, 0.6);
  position: relative;
  overflow: hidden;
  font-weight: 800;
}

.btn-register::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.7s;
}

.btn-register:hover::before {
  left: 100%;
}

.btn-register::after {
  content: '🎯';
  margin-left: 12px;
  display: inline-block;
  animation: sparkle 2.8s ease-in-out infinite;
}

@keyframes sparkle {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
  50% {
    transform: scale(1.4) rotate(180deg);
    opacity: 0.9;
  }
}

.btn-register:hover {
  box-shadow: 0 12px 45px rgba(255, 107, 53, 0.8);
  transform: translateY(-4px);
}

.menu-btn {
  display: none;
  font-size: 28px;
  cursor: pointer;
  color: var(--text);
  transition: transform 0.3s;
}

.menu-btn:hover {
  transform: rotate(90deg);
}

/***** MOBILE MENU ******/
.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 75%;
  height: 100vh;
  background: rgba(15, 15, 15, 0.98);
  backdrop-filter: blur(35px);
  z-index: 150;
  padding: 35px;
  transition: right 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  gap: 28px;
  border-left: 1px solid var(--line);
  box-shadow: -15px 0 60px rgba(0, 0, 0, 0.6);
}

.mobile-menu a {
  color: var(--text);
  text-decoration: none;
  font-size: 20px;
  padding: 14px;
  border-radius: 10px;
  transition: all 0.3s;
  border-left: 4px solid transparent;
  font-weight: 600;
}

.mobile-menu a:hover {
  background: var(--accent-soft);
  border-left-color: var(--accent);
  padding-left: 24px;
}

.close-btn {
  align-self: flex-end;
  font-size: 32px;
  color: var(--muted);
  cursor: pointer;
  transition: transform 0.3s;
}

.close-btn:hover {
  transform: rotate(90deg);
  color: var(--accent);
}

/******** HERO ********/
.hero {
  padding: 220px 0 160px;
  border-bottom: 1px solid var(--line);
  position: relative;
  overflow: visible;
  animation: fadeInUp 1.2s ease-out;
  z-index: 1;
  background: transparent;
  background-image: 
    radial-gradient(circle at 50% 0%, rgba(255, 107, 53, 0.15) 0%, transparent 70%);
}

.hero::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -15%;
  width: 700px;
  height: 700px;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.25) 0%, transparent 70%);
  border-radius: 50%;
  animation: float 7s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-40px) scale(1.15);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

h1 {
  font-family: var(--font-heading);
  font-size: 78px;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.1;
  margin-bottom: 36px;
  position: relative;
  z-index: 1;
  animation: fadeInUp 1.2s ease-out 0.3s both;
  color: var(--text);
}

@media (max-width: 768px) {
  h1 {
    font-size: 46px;
  }
}

h1 span {
  background: var(--accent-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  position: relative;
}

h1 span::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background: var(--accent-gradient);
  border-radius: 3px;
  animation: expandWidth 1.3s ease-out 1.5s both;
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.hero-sub {
  margin-top: 24px;
  color: var(--text-secondary);
  max-width: 750px;
  font-size: 20px;
  line-height: 1.95;
  animation: fadeInUp 1.2s ease-out 0.5s both;
}

.hero-cta {
  margin-top: 52px;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  animation: fadeInUp 1.2s ease-out 0.7s both;
  justify-content: flex-start;
}

.hero-cta .btn {
  min-width: 240px;
  padding: 20px 44px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 10px;
}

@media (max-width: 768px) {
  .hero-cta {
    justify-content: center;
  }
  .hero-cta .btn {
    min-width: 100%;
  }
}

/******* SECTIONS *******/
.section {
  padding: 110px 0;
  border-bottom: 1px solid var(--line);
  position: relative;
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.9s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
  background: transparent;
}

.section.visible {
  opacity: 1;
  transform: translateY(0);
}

.section h2 {
  font-family: var(--font-heading);
  font-size: 52px;
  font-weight: 900;
  margin-bottom: 44px;
  position: relative;
  padding-bottom: 28px;
  color: var(--text);
  letter-spacing: -0.04em;
  line-height: 1.2;
}

.section h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 120px;
  height: 6px;
  background: var(--accent-gradient);
  border-radius: 4px;
}

@media (max-width: 768px) {
  .section h2 {
    font-size: 38px;
  }
}

.section p {
  color: var(--text-secondary);
  font-size: 19px;
  line-height: 1.9;
  margin-bottom: 32px;
  font-weight: 400;
}

/******* BLOCKS *******/
.block {
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 44px 52px;
  margin-top: 44px;
  backdrop-filter: blur(25px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-card);
}

@media (max-width: 768px) {
  .block {
    padding: 32px 36px;
  }
}

.block::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 107, 53, 0.18), transparent);
  transition: left 0.7s;
}

.block:hover::before {
  left: 100%;
}

.block:hover {
  border-color: var(--accent);
  box-shadow: 0 15px 55px rgba(255, 107, 53, 0.25);
  transform: translateY(-6px);
}

.block strong {
  color: var(--accent);
  font-weight: 700;
}

.block-title {
  font-family: var(--font-heading);
  font-weight: 800;
  margin-bottom: 24px;
  font-size: 26px;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 14px;
  letter-spacing: -0.02em;
}

.block-title::before {
  content: '';
  width: 6px;
  height: 26px;
  background: var(--accent-gradient);
  border-radius: 4px;
  flex-shrink: 0;
}

/******* FOOTER CLEAN *******/
.footer {
  padding: 90px 0;
  border-top: 1px solid var(--line);
  text-align: center;
  background: var(--bg-alt);
  backdrop-filter: blur(25px);
  margin-top: 110px;
}

.footer-inner {
  font-size: 17px;
  color: var(--text-secondary);
  line-height: 1.9;
  max-width: 1280px;
  margin: auto;
}

.footer-payments {
  margin-top: 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  justify-content: center;
  font-size: 15px;
}

.footer-payments span {
  padding: 16px 32px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text);
  transition: all 0.3s;
  backdrop-filter: blur(12px);
  font-weight: 600;
}

.footer-payments span:hover {
  border-color: var(--accent);
  background: var(--accent-soft);
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(255, 107, 53, 0.35);
}

/******* 18+ UYARI BANDI *******/
.age-warning {
  width: 100%;
  background: rgba(15, 15, 15, 0.98);
  border-bottom: 1px solid var(--line);
  padding: 18px 28px;
  color: var(--text-secondary);
  font-size: 16px;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  backdrop-filter: blur(30px);
  animation: slideDown 0.7s ease-out;
}

.age-warning .age-18 {
  color: var(--accent);
  font-weight: 800;
  animation: pulse 2.2s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.65;
  }
}

.age-warning .age-close {
  margin-left: 14px;
  cursor: pointer;
  color: var(--muted);
  font-weight: bold;
  font-size: 18px;
  transition: all 0.3s;
  display: inline-block;
}

.age-warning .age-close:hover {
  color: var(--accent);
  transform: rotate(90deg) scale(1.3);
}

/******** PADDING FIX (Band + Header Çakışması) *******/
body {
  padding-top: 55px;
}

@media (max-width: 768px) {
  .nav-right {
    display: none;
  }
  .menu-btn {
    display: block;
  }
  h1 {
    font-size: 38px;
  }
  .hero {
    padding: 140px 0 90px;
  }
  .section {
    padding: 80px 0;
  }
  .section h2 {
    font-size: 32px;
  }
  body {
    padding-top: 65px;
  }
  .container {
    padding: 0 24px;
  }
}

/******** FAQ (SSS) ********/
.faq-item {
  background: rgba(26, 26, 26, 0.75);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  margin-top: 24px;
  padding: 28px 32px;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(12px);
  position: relative;
  overflow: hidden;
}

.faq-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: var(--accent-gradient);
  transform: scaleY(0);
  transition: transform 0.5s;
}

.faq-item:hover,
.faq-item.active {
  border-color: var(--accent);
  box-shadow: 0 10px 35px rgba(255, 107, 53, 0.25);
  transform: translateX(6px);
}

.faq-item.active::before {
  transform: scaleY(1);
}

.faq-q {
  font-weight: 700;
  font-size: 19px;
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.3s;
  font-family: var(--font-heading);
}

.faq-item:hover .faq-q,
.faq-item.active .faq-q {
  color: var(--accent);
}

.faq-q::after {
  content: "+";
  color: var(--accent);
  font-weight: 800;
  font-size: 32px;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--accent-soft);
}

.faq-item.active .faq-q::after {
  content: "–";
  transform: rotate(180deg);
  background: var(--accent-gradient);
  color: #fff;
}

.faq-a {
  color: var(--text-secondary);
  font-size: 17px;
  margin-top: 24px;
  display: none;
  line-height: 1.85;
  animation: fadeIn 0.5s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.faq-item.active .faq-a {
  display: block;
}

/******** SCROLL ANIMATIONS ********/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/******** PARTICLES EFFECT ********/
.particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.particle {
  position: absolute;
  width: 3px;
  height: 3px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0.35;
  animation: floatParticle 18s infinite;
}

@keyframes floatParticle {
  0% {
    transform: translateY(100vh) translateX(0);
    opacity: 0;
  }
  10% {
    opacity: 0.35;
  }
  90% {
    opacity: 0.35;
  }
  100% {
    transform: translateY(-100vh) translateX(120px);
    opacity: 0;
  }
}
</style>

</head>

<body>

<div id="age-warning" class="age-warning">
  <span class="age-18">🔥</span> Marsbahis'da muhteşem kampanyalar ve cömert hoş geldin bonusları! Hemen üye olun ve kazanmaya başlayın.
  <span class="age-close" onclick="document.getElementById('age-warning').style.display='none';">✕</span>
</div>

<header>
  <div class="container navbar">
    <div class="logo">Marsbahis</div>
    <div class="nav-right">
      <button class="btn-outline btn">Giriş Yap</button>
      <button class="btn-accent btn">Üye Ol</button>
    </div>
    <div class="menu-btn" onclick="openMenu()">☰</div>
  </div>
</header>

<div class="mobile-menu" id="menu">
  <div class="close-btn" onclick="closeMenu()">✕</div>
  <a href="#giris">Marsbahis Giriş</a>
  <a href="#nedir">Marsbahis Hakkında</a>
  <a href="#bahisler">Spor Bahisleri</a>
  <a href="#casino">Casino Oyunları</a>
  <a href="#bonuslar">Bonuslar</a>
  <a href="#destek">Destek</a>
  <button class="btn-accent" style="margin-top:12px;">Üye Ol</button>
</div>
<section class="hero">
  <div class="container">
    <h1>Marsbahis · <span>Premium Bahis Deneyimi</span> Sizleri Bekliyor</h1>
    <p class="hero-sub">
      Türkiye'nin en güvenilir ve kullanıcı dostu bahis platformu Marsbahis, <strong>yüksek bahis oranları ve hızlı ödeme garantisi</strong> 
      ile bahis severlere hizmet veriyor. Platformumuz, <strong>binlerce spor müsabakası, canlı bahis seçenekleri, 
      geniş casino oyun koleksiyonu ve slot makineleri</strong> ile kapsamlı bir eğlence merkezi sunuyor. 
      <strong>Anında para yatırma ve çekme işlemleri, 7/24 kesintisiz müşteri desteği, mobil uyumlu tasarım</strong> 
      ve <strong>güvenli ödeme altyapısı</strong> ile bahis deneyiminizi en üst seviyeye taşıyoruz. Marsbahis ile 
      <strong>güvenli, hızlı ve kazançlı</strong> bir bahis yolculuğuna hemen başlayın.
    </p>
    <div class="hero-cta">
      <button class="btn-login btn">Giriş Yap</button>
      <button class="btn-register btn">Hemen Üye Ol</button>
    </div>
  </div>
</section>

<section class="section" id="giris">
  <div class="container">
    <h2>Marsbahis Giriş İşlemleri</h2>
    <p>
      Marsbahis platformuna giriş yapmak için <strong>kullanıcı adı ve şifrenizi</strong> kullanarak kolayca hesabınıza erişebilirsiniz. 
      Platformumuz, <strong>gelişmiş güvenlik sistemleri ve iki faktörlü kimlik doğrulama</strong> özelliği ile hesap güvenliğinizi 
      en üst seviyede koruyor. Giriş işleminiz tamamlandıktan sonra, <strong>spor bahisleri, canlı bahis, casino oyunları ve slot 
      makineleri</strong> gibi tüm hizmetlerimizden anında yararlanabilirsiniz.
    </p>

    <h2>Marsbahis'un Avantajları Nelerdir?</h2>
    <div class="block">
      <p>
        Marsbahis, bahis sektöründe <strong>güvenilirlik ve kalite</strong> konusunda öncü bir platformdur. Platformumuz, 
        <strong>lisanslı operasyon yapısı, gelişmiş güvenlik protokolleri, hızlı işlem süreçleri ve kullanıcı dostu arayüz</strong> 
        ile bahis deneyimini yeniden tanımlıyor. <strong>Binlerce spor karşılaşması, canlı bahis imkanları, geniş casino oyun 
        portföyü, rekabetçi bahis oranları ve anında ödeme sistemi</strong> ile kullanıcılarımıza üstün bir hizmet sunuyoruz. 
        Profesyonel bahisçilerin tercih ettiği bu platform, <strong>güvenli ve kazançlı bahis deneyimi</strong> arayanlar için 
        ideal bir çözümdür.
      </p>
    </div>

    <h2>Güvenli Giriş ve Hesap Yönetimi</h2>
    <div class="block">
      <p>
        Marsbahis giriş işlemlerinde, <strong>hesap güvenliğiniz ve kişisel bilgilerinizin korunması</strong> en önemli önceliğimizdir. 
        <strong>İki faktörlü kimlik doğrulama teknolojisi, anında hesap erişimi ve 7/24 aktif müşteri destek hizmeti</strong> ile 
        yanınızdayız. Tüm finansal işlemleriniz, <strong>bankacılık seviyesinde şifreleme teknolojileri, uluslararası güvenlik 
        standartlarına uygun ödeme sistemleri ve tam şeffaflık prensibi</strong> ile güvence altındadır. Hesap girişiniz tamamlandığında, 
        <strong>anında bahis yapabilir, hızlı para yatırma ve çekme işlemlerini gerçekleştirebilirsiniz</strong>.
      </p>
    </div>
  </div>
</section>

<section class="section" id="nedir">
  <div class="container">
    <h2>Marsbahis Nedir ve Nasıl Çalışır?</h2>
    <p>
      Marsbahis, <strong>online bahis ve casino sektöründe lider konumda bulunan, lisanslı ve yasal operasyon yürüten 
      bir dijital platformdur.</strong> Modern teknoloji altyapısı ile klasik bahis anlayışını dijital çağa taşıyan 
      platformumuz, <strong>güvenli, hızlı ve kullanıcı odaklı bahis deneyimi</strong> sunuyor. 
      Marsbahis; <strong>spor bahisleri, canlı bahis seçenekleri, casino oyunları, slot makineleri ve poker 
      platformu</strong> ile kapsamlı bir eğlence ve kazanç merkezi olarak hizmet veriyor.
    </p>

    <h2>Marsbahis Platformunun Teknik Altyapısı</h2>
    <div class="block">
      <p>
        Marsbahis platformu, <strong>gelişmiş ödeme altyapısı ile anında para yatırma ve çekme işlemleri</strong> 
        gerçekleştiriyor. <strong>Lisanslı operasyon yapısı, SSL sertifikalı güvenlik sistemleri ve kesintisiz 
        müşteri destek hizmeti</strong> birleştiğinde, güvenilir ve profesyonel bahis deneyimi ortaya çıkıyor. 
        Bu teknolojik altyapı sayesinde <strong>zaman ve mekan kısıtlaması olmadan, istediğiniz an, istediğiniz 
        yerden ve tercih ettiğiniz cihazdan</strong> bahis yapabilir ve kazançlarınızı değerlendirebilirsiniz.
      </p>
    </div>
  </div>
</section>

<section class="section" id="bahisler">
  <div class="container">
    <h2>Spor Bahisleri ve Canlı Bahis Seçenekleri</h2>
    <p>
      Marsbahis platformu, <strong>tüm spor dallarında ve her bütçe seviyesinde geniş bahis seçenekleri</strong> 
      sunuyor. Futbol, basketbol, tenis, voleybol ve diğer popüler spor dallarında, 
      <strong>rekabetçi bahis oranları, canlı bahis fırsatları ve özel promosyon kampanyaları</strong> 
      kullanıcılarımızı bekliyor. Her bahis seçeneği, <strong>şeffaf oran yapısı, garantili ödeme sistemi 
      ve kesintisiz bahis deneyimi</strong> ile optimize edilmiş durumda.
    </p>

    <h2>Canlı Bahis Özellikleri ve Avantajları</h2>
    <div class="block">
      <p>
        Marsbahis canlı bahis sistemi; <strong>maçlar devam ederken gerçek zamanlı oran güncellemeleri, canlı skor 
        takip özelliği, çoklu bahis kombinasyonları ve anında bahis onay süreci</strong> gibi gelişmiş özellikler 
        sunuyor. <strong>Canlı bahis platformunda rekabetçi oranlar, hızlı bahis onay mekanizması ve anlık maç 
        analiz araçları</strong> gibi avantajlar kullanıcılarımıza sunuluyor. Bu sistem sayesinde her bahisçi, 
        <strong>kendi stratejik yaklaşımı ve bütçe planlaması doğrultusunda</strong> en uygun bahis seçeneklerini 
        değerlendirme fırsatı buluyor.
      </p>
    </div>
  </div>
</section>

<section class="section" id="casino">
  <div class="container">
    <h2>Casino Oyunları ve Eğlence Dünyası</h2>
    <p>
      Marsbahis casino platformu, <strong>kullanıcı dostu arayüz ve geniş oyun portföyü</strong> ile profesyonel 
      bir casino deneyimi sunuyor. Hesap açılışınızın hemen ardından, <strong>binlerce slot oyunu, canlı casino 
      masaları, rulet, blackjack, poker ve daha birçok popüler casino oyunu</strong> erişiminize açılıyor. 
      Tüm oyunlar, <strong>anlaşılır oyun kuralları, görsel rehberler ve ücretsiz demo modu</strong> ile 
      kullanıcılarımıza sunuluyor.
    </p>

    <h2>Canlı Casino Masaları ve Gerçek Zamanlı Oyun Deneyimi</h2>
    <div class="block">
      <p>
        Marsbahis canlı casino platformu; <strong>gerçek krupiyelerle interaktif oyun deneyimi, ultra HD video 
        kalitesi, çoklu masa seçenekleri ve özel oyun modları</strong> ile kapsamlı bir casino hizmeti sunuyor. 
        <strong>Canlı casino özelliği ile gerçek zamanlı oyun akışı, uzman krupiyeler ve yüksek kazanç potansiyeli</strong> 
        kullanıcılarımıza sunuluyor. Bu teknolojik altyapı sayesinde kullanıcılar, <strong>evden, iş yerinden veya 
        seyahat sırasında, tercih ettikleri herhangi bir cihazdan</strong> casino deneyiminin keyfini çıkarabiliyor.
      </p>
    </div>

    <h2>Slot Makineleri ve Jackpot Fırsatları</h2>
    <div class="block">
      <p>
        Marsbahis slot oyun koleksiyonu, <strong>binlerce farklı tema ve konsept, yüksek RTP oranları, büyük 
        jackpot fırsatları ve özel bonus özellikleri</strong> ile günün her saati aktif oyun seçenekleri sunuyor. 
        <strong>Hızlı yükleme süreleri, yüksek kaliteli görsel tasarımlar ve her oyuna özel bonus mekanizmaları</strong> 
        ile kazanç potansiyelinizi maksimize ediyoruz. Bu profesyonel oyun altyapısı sayesinde kullanıcılar, 
        <strong>kesintisiz eğlence deneyimi ve sürekli kazanç fırsatları</strong> ile tam memnuniyet garantisi 
        alıyor.
      </p>
    </div>
  </div>
</section>


<section class="section" id="bonuslar">
  <div class="container">
    <h2>Marsbahis Bonusları ve Promosyon Kampanyaları</h2>
    <p>
      Marsbahis platformu, <strong>hoş geldin bonusu, yatırım bonusları, cashback kampanyaları, özel turnuva 
      ödülleri ve düzenli promosyon fırsatları</strong> ile kullanıcılarımıza değer katıyor. Platform, 
      <strong>anında bonus aktivasyon sistemi, esnek çevrim koşulları, yüksek bonus limitleri ve özel VIP 
      programı</strong> gibi gelişmiş özelliklerle kullanıcı deneyimini optimize ediyor. Tüm bonuslar, 
      <strong>şeffaf kullanım şartları, hızlı onay mekanizması ve sezgisel arayüz tasarımı</strong> ile 
      kusursuz bir şekilde entegre edilmiş durumda.
    </p>

    <h2>Hoş Geldin Bonusu ve Yeni Üye Avantajları</h2>
    <div class="block">
      <p>
        Marsbahis hoş geldin bonusu; <strong>yeni üyelere özel cömert bonus paketi, ilk yatırım bonusu, 
        ücretsiz bahis fırsatları ve özel casino hoş geldin bonusu</strong> geniş bir yelpazede sunuluyor. 
        <strong>Bonus sisteminde çevrim koşulları, bonus limitleri, kullanım kuralları ve özel kampanya 
        detayları</strong> şeffaf bir şekilde açıklanıyor. Bu kapsamlı bonus yapısı sayesinde kullanıcılar, 
        <strong>kendi stratejik planlarına uygun bonusları, kendi belirledikleri zamanlarda</strong> 
        değerlendirme özgürlüğüne sahip oluyor.
      </p>
    </div>
  </div>
</section>

<section class="section" id="destek">
  <div class="container">
    <h2>Müşteri Desteği ve İletişim Kanalları</h2>
    <p>
      Marsbahis müşteri destek ekibimiz; hesap yönetimi, para yatırma ve çekme işlemleri, bonus sorgulamaları ve 
      teknik destek konularında <strong>7/24 kesintisiz profesyonel destek hizmeti</strong> sunuyor. Yapılan her 
      görüşme, çözülen her sorun ve gerçekleştirilen tüm işlemler detaylı şekilde kayıt altına alınarak, 
      <strong>tam şeffaflık prensibiyle yönetilen süreçler</strong> garantisi sağlanıyor.
    </p>

    <h2>Kapsamlı Destek Hizmeti ve Çözüm Odaklı Yaklaşım</h2>
    <div class="block">
      <p>
        Müşteri destek operasyonlarımız; <strong>anlık canlı chat desteği, e-posta iletişim kanalı, 
        telefon destek hattı, WhatsApp desteği ve kapsamlı yardım merkezi</strong> gibi çoklu iletişim 
        kanalları üzerinden yürütülüyor. Bu çeşitlilik sayesinde kullanıcılar ile platform arasında 
        <strong>güven odaklı, hızlı yanıt veren ve çözüm üreten</strong> güçlü bir iletişim ağı kuruluyor.
      </p>
    </div>
  </div>
</section>

<section class="section" id="Marsbahis-giris-detay">
  <div class="container">
    <h2>Marsbahis Giriş Süreci ve Hesap Yönetimi</h2>
    <p>
      Marsbahis giriş tercihi, online bahis ve casino deneyimini güvenli bir şekilde yaşamak isteyen kullanıcılar için 
      mükemmel bir fırsat sunuyor. Marsbahis platformu aracılığıyla spor bahisleri, canlı bahis, casino oyunları, 
      slot makineleri ve poker seçeneklerine kolayca erişim imkanı doğuyor. Marsbahis giriş sürecinde, banka düzeyinde 
      güvenli ödeme sistemleri, anında hesap erişimi ve günün her saati aktif müşteri desteği gibi önemli avantajlar 
      kullanıcılara sunuluyor. Marsbahis giriş kararı verirken, geniş bahis seçenekleri içinden kendi stratejinize ve 
      bütçenize en uygun seçeneği belirleyerek, kazanç yolculuğunuza hemen başlayabilirsiniz.
    </p>
  </div>
</section>

<section class="section" id="Marsbahis-kayit-detay">
  <div class="container">
    <h2>Marsbahis Kayıt İşlemi ve Üyelik Süreci</h2>
    <p>
      Marsbahis kayıt işlemi, bahis dünyasına adım atmak isteyen kullanıcılar için basit ve hızlı bir süreç olarak 
      öne çıkıyor. Marsbahis kayıt sistemi ile birkaç dakika içinde hesap açabilir, hoş geldin bonusu kazanabilir ve 
      anında bahis yapmaya başlayabilirsiniz. Marsbahis kayıt almak isteyen kullanıcılar için özel bonus fırsatları, 
      kapsamlı oyun seçenekleri ve profesyonel müşteri desteği hazırlanmış durumda. Marsbahis kayıt programında, 
      yüksek hoş geldin bonusu, özel kayıt kampanyaları ve sürekli bonus fırsatları gibi avantajlar sunuluyor. 
      Marsbahis kayıt fırsatı ile bahis dünyasında güçlü bir başlangıç yapabilir ve kazanç fırsatlarını değerlendirebilirsiniz.
    </p>
  </div>
</section>

<section class="section" id="Marsbahis-mobil-detay">
  <div class="container">
    <h2>Marsbahis Mobil Uygulaması ve Mobil Deneyim</h2>
    <p>
      Marsbahis mobil uygulaması, mobil cihazlardan bahis yapmak isteyen kullanıcılar için özel olarak geliştirilmiş 
      bir çözüm sunuyor. Marsbahis mobil platformu, hem iOS hem de Android cihazlarda sorunsuz çalışan, hızlı ve 
      güvenli bir bahis deneyimi sağlıyor. Marsbahis mobil uygulaması sayesinde her yerden spor bahisleri, canlı bahis, 
      casino oyunları ve slot makinelerine kesintisiz erişim imkanı doğuyor. Marsbahis mobil için optimize edilmiş 
      arayüz tasarımı ve hızlı yükleme süreleri ile kusursuz bahis deneyimi garantileniyor. Marsbahis mobil kullanıcıları, 
      tüm platform özelliklerine tam erişim sağlayabilir ve hiçbir kesinti yaşamadan bahis keyfini sürdürebilir.
    </p>
  </div>
</section>

<section class="section" id="Marsbahis-bonus-detay">
  <div class="container">
    <h2>Marsbahis Bonus Sistemi ve Bonus Çeşitleri</h2>
    <p>
      Marsbahis bonus sistemi, kullanıcılar için özel olarak tasarlanmış ve sürekli güncellenen bonus fırsatları ile 
      hizmet veriyor. Marsbahis bonus yapıları, hoş geldin bonusu, yatırım bonusları, cashback kampanyaları ve özel 
      turnuva bonuslarını kapsıyor. Marsbahis bonus platformu sayesinde kullanıcılar, yüksek tutarlı bonuslar, esnek 
      çevrim şartları ve anında bonus aktivasyonu gibi avantajlardan yararlanıyor. Marsbahis bonus için şeffaf şartlar 
      ve hızlı onay süreçleri ile kesintisiz bonus deneyimi garanti altına alınıyor. Marsbahis bonus kullanıcıları, 
      tüm bonus fırsatlarını değerlendirebilir ve kazançlarını artırabilir.
    </p>
  </div>
</section>

<section class="section" id="Marsbahis-genel">
  <div class="container">
    <h2>Marsbahis Platformu ve Genel Özellikler</h2>
    <p>
      Marsbahis, online bahis ve casino dünyasında güvenilirliğin simgesi haline gelmiş, lisanslı ve yasal bir platform 
      olarak modern bahis dünyasının vazgeçilmez bir parçası haline gelmiş durumda. Marsbahis'un getirdiği yenilikler 
      sayesinde klasik bahis sitelerine kıyasla çok daha güvenli işlemler, çok daha hızlı ödemeler ve çok daha zengin 
      oyun çeşitliliği sunuluyor. Marsbahis hizmet platformları, spor bahisleri, canlı bahis, casino oyunları, slot 
      makineleri ve poker seçenekleri gibi özelliklerle kullanıcı deneyimini zirveye taşıyor. Marsbahis sistemleri, 
      mobil uyumlu tasarım, anında para yatırma/çekme, güvenli ödeme sistemleri ve 7/24 müşteri desteği gibi gelişmiş 
      özelliklerle donatılmış. Marsbahis platformu, internet bağlantısının olduğu her coğrafyada ve uyumlu her cihazda 
      kesintisiz bahis imkanı sağlayarak çağdaş bahis anlayışına mükemmel uyum gösteren bir çözüm sunuyor.
    </p>
  </div>
</section>

<section class="section" id="sss">
  <div class="container">
    <h2>Sıkça Sorulan Sorular</h2>

    <div class="faq-item">
      <div class="faq-q">Marsbahis güvenilir mi?</div>
      <div class="faq-a">
        Marsbahis platformu, lisanslı bahis ve casino platformu olarak, bankacılık seviyesinde 
        güvenlik standartları uygulayan güvenilir bir hizmet sunuyor. Tüm finansal işlemler ve hesap yönetimi 
        süreçleri, SSL sertifikalı şifreleme teknolojileri ve uluslararası standartlarda güvenli ödeme ağ 
        geçitleri ile tam güvence altında tutuluyor.
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-q">Marsbahis nasıl kayıt olunur?</div>
      <div class="faq-a">
        Marsbahis kayıt süreci çok basittir. Web sitesinde kayıt butonuna tıklayarak birkaç dakika içinde hesap 
        açabilirsiniz. Hesap açılışınızın hemen ardından <strong>hoş geldin bonusu, anında bahis yapma imkanı 
        ve günün her saati aktif müşteri desteği</strong> hizmetinize sunuluyor. 
        Kayıt işlemi genellikle 2-3 dakika gibi kısa bir süre içinde tamamlanıyor ve hemen bahis yapmaya 
        başlayabiliyorsunuz.
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-q">Marsbahis bonusları nedir?</div>
      <div class="faq-a">
        Marsbahis bonus sistemi, hoş geldin bonusu, yatırım bonusları ve özel kampanya bonusları gibi 
        <strong>çeşitli bonus seçenekleri</strong> sunuyor. <strong>Yeni üyelere özel hoş geldin bonusu, 
        düzenli yatırım bonusları ve özel turnuva bonusları</strong> gibi geniş bir yelpazede seçenekler mevcut. 
        Bonus koşulları ve detayları platform üzerinde açıkça belirtiliyor.
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-q">Marsbahis canlı bahis var mı?</div>
      <div class="faq-a">
        Evet, Marsbahis platformunda <strong>canlı bahis özelliği bulunuyor</strong>. 
        Canlı bahis sayesinde maçlar devam ederken bahis yapabilir, anlık oranları takip edebilir ve 
        gerçek zamanlı bahis deneyimi yaşayabilirsiniz. Canlı bahis özelliği ve koşulları, platform üzerinde 
        detaylı şekilde açıklanıyor.
      </div>
    </div>

    <div class="faq-item">
      <div class="faq-q">Marsbahis hangi cihazlarda çalışır?</div>
      <div class="faq-a">
        Marsbahis platformu, <strong>masaüstü bilgisayarlar, iPhone, iPad, Android akıllı telefonlar ve tabletler, 
        Windows ve Mac bilgisayarlar</strong> dahil geniş bir cihaz yelpazesini destekliyor. Mobil uyumlu tasarım 
        özelliği sayesinde kullanıcılar farklı cihazlarda aynı kalitede bahis deneyimi yaşayabiliyor.
      </div>
    </div>

  </div>
</section>

<footer class="footer">
  <div class="footer-inner">

    <strong>Marsbahis</strong> platformu, <strong>güvenilir bahis ve casino hizmetleri, yüksek bahis oranları ve 
    zengin oyun seçenekleri</strong> ile hizmet veriyor. Hizmet felsefemiz; güvenli bahis deneyimi, 
    adil oyun sunumu ve güvenilir hizmet anlayışı üzerine kurulu. <strong>Tüm işlemlerimiz lisanslı ve yasal 
    çerçevede gerçekleştirilmektedir.</strong>

    <br><br>

    <strong>Marsbahis Özellikleri:</strong>
    <div class="footer-payments">
      <span>Spor Bahisleri</span>
      <span>Canlı Bahis</span>
      <span>Casino Oyunları</span>
      <span>7/24 Destek</span>
      <span>Mobil Uyumlu</span>
      <span>Hızlı Ödeme</span>
      <span>Güvenli Platform</span>
    </div>

    <br>

    © 2025 Marsbahis · "Güvenli bahis, adil oyun ve kesintisiz kazanç." · Tüm Hakları Saklıdır.
  </div>
</footer>


<script>
// Mobile Menu Functions
function openMenu() {
  document.getElementById("menu").style.right = "0";
  document.body.style.overflow = "hidden";
}

function closeMenu() {
  document.getElementById("menu").style.right = "-100%";
  document.body.style.overflow = "auto";
}

// FAQ Toggle
document.querySelectorAll(".faq-item").forEach(item => {
  item.addEventListener("click", () => {
    const isActive = item.classList.contains("active");
    // Close all other FAQ items
    document.querySelectorAll(".faq-item").forEach(otherItem => {
      if (otherItem !== item) {
        otherItem.classList.remove("active");
      }
    });
    // Toggle current item
    item.classList.toggle("active", !isActive);
  });
});

// Scroll Animations
const observerOptions = {
  threshold: 0.1,
  rootMargin: "0px 0px -50px 0px"
};

const observer = new IntersectionObserver((entries) => {
  entries.forEach(entry => {
    if (entry.isIntersecting) {
      entry.target.classList.add("visible");
      observer.unobserve(entry.target);
    }
  });
}, observerOptions);

// Observe all sections
document.querySelectorAll(".section").forEach(section => {
  observer.observe(section);
});

// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function(e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      const headerOffset = 85;
      const elementPosition = target.getBoundingClientRect().top;
      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
      
      window.scrollTo({
        top: offsetPosition,
        behavior: "smooth"
      });
      
      // Close mobile menu if open
      closeMenu();
    }
  });
});

// Header scroll effect
let lastScroll = 0;
const header = document.querySelector("header");

window.addEventListener("scroll", () => {
  const currentScroll = window.pageYOffset;
  
  if (currentScroll > 100) {
    header.style.boxShadow = "0 4px 30px rgba(0, 0, 0, 0.4)";
  } else {
    header.style.boxShadow = "0 4px 20px rgba(0, 0, 0, 0.3)";
  }
  
  lastScroll = currentScroll;
});

// Button hover effects
document.querySelectorAll(".btn").forEach(btn => {
  btn.addEventListener("mouseenter", function() {
    this.style.transform = "translateY(-2px)";
  });
  
  btn.addEventListener("mouseleave", function() {
    this.style.transform = "translateY(0)";
  });
});

// Add particles effect
function createParticles() {
  const particlesContainer = document.createElement("div");
  particlesContainer.className = "particles";
  document.body.appendChild(particlesContainer);
  
  for (let i = 0; i < 25; i++) {
    const particle = document.createElement("div");
    particle.className = "particle";
    particle.style.left = Math.random() * 100 + "%";
    particle.style.animationDelay = Math.random() * 18 + "s";
    particle.style.animationDuration = (Math.random() * 12 + 12) + "s";
    particlesContainer.appendChild(particle);
  }
}

// Initialize particles on load
window.addEventListener("load", () => {
  createParticles();
  
  // Add fade-in animation to hero
  const hero = document.querySelector(".hero");
  if (hero) {
    hero.style.opacity = "0";
    setTimeout(() => {
      hero.style.transition = "opacity 1.2s ease-out";
      hero.style.opacity = "1";
    }, 100);
  }
});

// Close mobile menu when clicking outside
document.addEventListener("click", (e) => {
  const menu = document.getElementById("menu");
  const menuBtn = document.querySelector(".menu-btn");
  
  if (menu && menu.style.right === "0px" && !menu.contains(e.target) && !menuBtn.contains(e.target)) {
    closeMenu();
  }
});

// Keyboard navigation for mobile menu
document.addEventListener("keydown", (e) => {
  if (e.key === "Escape") {
    closeMenu();
  }
});
</script>


<script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b2e86734de774fc6b34470518fef04db","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body></html>
