/* Template-31 ("Kayıt — neon yeşil") — global .t31-* kuralları.
   ⛔ Bu dosya HİÇBİR YERDEN import EDİLMEZ: <TemplateStylesheet> public/'ten <link> basar.
   Renk/yarıçap/yazı tipi YALNIZ --t31-* token'larından; bileşik efektler (parıltı, gradyan) *-rgb
   token'larından CSS'te kurulur ki renk klonlama tüm parıltıları yeniden boyasın.
   Görsel YOK: her görsel slotu boş `.t31-slot` kutusudur (`:empty` → tasarım ölçüsünde kesikli yer
   tutucu); operatör içine <img src=S3-URL> koyunca dolar. Hero arka planı operatör CSS'iyle verilir. */

.t31-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: var(--t31-text-white, #ffffff);
  background: var(--t31-bg-base, #00081b);
  font-family: var(--t31-font-body, var(--font-dm-sans)), sans-serif;
  font-weight: 400;
  /* clip: yatay taşmayı keser, scroll-container yaratmaz (sticky/overlay header bozulmaz). */
  overflow-x: clip;
  max-width: 100vw;
  /* Boş görsel slotlarındaki "resim" izi (:empty::before mask'i). */
  --t31-imgslot-glyph: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%203H4a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V5a2%202%200%200%200-2-2zm0%2016H4v-3l4-4%203%203.5L15%2011l5%205.5z'/%3E%3Ccircle%20cx='8.5'%20cy='8.5'%20r='1.6'/%3E%3C/svg%3E");
}
.t31-shell a { color: inherit; }
/* Merkezli kap: içerik genişliği = min(görünüm − 2·oluk, container-width). Oluk ≥16px. */
.t31-shell { --t31-gutter: 24px; --t31-w: min(100% - 2 * var(--t31-gutter), var(--t31-container-width, 1200px)); }
@media (max-width: 767.98px) { .t31-shell { --t31-gutter: 16px; } }

.t31-main { display: flex; flex-direction: column; width: 100%; flex: 1 0 auto; }
.t31-container { width: var(--t31-w); margin-inline: auto; }

/* ---- Ortak yapı taşları ---- */
.t31-h2 {
  margin: 0;
  text-align: center;
  color: var(--t31-accent, #79be0a);
  font-family: var(--t31-font-display, var(--font-dm-sans)), sans-serif;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 300;
  line-height: 1.15;
}
.t31-h2 strong { font-weight: 800; }
.t31-sub { margin: 6px 0 0; text-align: center; font-size: clamp(16px, 1.6vw, 20px); font-weight: 400; color: var(--t31-text-white, #ffffff); }
.t31-center { display: flex; justify-content: center; margin-top: 32px; }
.t31-steps > .t31-container > .t31-btn, .t31-gamesSection > .t31-container > .t31-btn { display: flex; width: fit-content; margin: 32px auto 0; }

.t31-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 34px;
  border-radius: 46px;
  border: 1.32px solid var(--t31-accent, #79be0a);
  background: var(--t31-accent, #79be0a);
  color: var(--t31-on-accent, #031320);
  font-family: var(--t31-font-display, var(--font-dm-sans)), sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 0 22px rgba(var(--t31-accent-rgb, 121, 190, 10), 0.28);
  transition: filter 0.15s ease, transform 0.15s ease;
}
.t31-shell a.t31-btn { color: var(--t31-on-accent, #031320); }
.t31-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.t31-btn--outline, .t31-shell a.t31-btn--outline { background: transparent; color: var(--t31-accent, #79be0a); box-shadow: none; }
.t31-btn--sm { padding: 10.5px 15.8px; font-size: 15px; font-weight: 500; }
.t31-btn--lg { min-width: 288px; min-height: 54px; font-size: 18px; }
.t31-btnIcon { flex: none; }

.t31-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 14px 5px 8px;
  border-radius: var(--t31-radius-pill, 56px);
  background: var(--t31-badge-bg, #072459);
  color: var(--t31-accent, #79be0a);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.t31-glowCard,
.t31-card,
.t31-prose,
.t31-authorCard,
.t31-authorProfile,
.t31-pager,
.t31-tile {
  background:
    radial-gradient(var(--t31-glow-size, 700px 420px) at 100% 100%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.31), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%),
    var(--t31-surface, #09132d);
}
/* Parıltı sabit ölçülü (yüzde elips kartla şişip dağılıyordu); küçük yüzeyler daha küçük parıltı. */
.t31-card, .t31-authorCard, .t31-pager { --t31-glow-size: 420px 260px; }

/* ---- Görsel slot sistemi (Boris kuralı: tasarım ölçüsünde yer tutucu) ---- */
.t31-slot { display: block; position: relative; overflow: hidden; flex: none; }
.t31-slot:empty {
  border: 1.5px dashed rgba(var(--t31-accent-rgb, 121, 190, 10), 0.35);
  background: radial-gradient(circle at 50% 40%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.1), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%);
  border-radius: 12px;
}
.t31-slot:empty::before {
  content: '';
  position: absolute;
  inset: 0;
  margin: auto;
  width: min(40%, 48px);
  aspect-ratio: 1;
  background: rgba(var(--t31-accent-rgb, 121, 190, 10), 0.45);
  -webkit-mask: var(--t31-imgslot-glyph) center / contain no-repeat;
          mask: var(--t31-imgslot-glyph) center / contain no-repeat;
}
.t31-slot > :is(img, svg) { display: block; width: 100%; height: 100%; object-fit: contain; }
.t31-slot--gem { width: 28px; height: 15px; border-radius: 4px; }
.t31-slot--heroArt { width: 480px; height: 400px; max-width: 100%; flex: 0 1 auto; }
.t31-slot--stepArt { width: 133px; height: 103px; }
.t31-slot--whyIcon { width: 150px; height: 160px; }
.t31-slot--cardImg { width: 100%; height: 100%; min-height: 200px; }
.t31-slot--tile { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: inherit; }
.t31-slot--tile:empty { border: 0; background: none; }
.t31-slot--tile:empty::before { display: none; }
.t31-slot--tile > :is(img, svg) { object-fit: cover; }
.t31-slot--game { width: 160px; height: 204px; border-radius: var(--t31-radius-lg, 30px); }
.t31-slot--game > :is(img, svg) { object-fit: cover; }

/* ---- Header ---- */
.t31-header { position: relative; z-index: 30; background: linear-gradient(180deg, var(--t31-bg-fade, #050f15), rgba(var(--t31-overlay-rgb, 0, 8, 27), 0)); }
/* Hero/sayfa-hero olan sayfalarda header görselin ÜSTÜNE biner (tasarım). */
.t31-shell:has(.t31-hero, .t31-pageHero):not(:has(.gsa-sport-ums)) .t31-header { position: absolute; top: 0; left: 0; right: 0; }
/* Yaklaşan maç şeridi hero'dan ÖNCE gelir: header akışta kalır (şerit örtülmesin), hero üst boşluğu küçülür. */
.t31-shell:has(.gsa-sport-ums) .t31-hero { padding-top: 48px; }
.t31-shell:has(.gsa-sport-ums) .t31-pageHero { padding-top: 48px; }
.t31-shell .t31-main .gsa-sport-ums { width: var(--t31-w); margin-inline: auto; }
.t31-headerBar {
  display: flex;
  align-items: center;
  gap: 24px;
  width: var(--t31-w);
  min-height: 88px;
  margin-inline: auto;
}
.t31-logoLink { display: inline-flex; align-items: center; flex: none; text-decoration: none; color: inherit; }
.t31-logo { height: 44px; width: auto; max-width: 220px; object-fit: contain; }
.t31-wordmark { font-family: var(--t31-font-display, var(--font-dm-sans)), sans-serif; font-size: 28px; font-weight: 900; letter-spacing: -0.01em; }
.t31-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; }
.t31-navList { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 40px; margin: 0; padding: 0; list-style: none; flex: 1 1 auto; }
.t31-navLink { font-size: 17.5px; font-weight: 500; text-decoration: none; transition: color 0.15s; }
.t31-shell .t31-navLink:hover { color: var(--t31-accent, #79be0a); }
.t31-auth { display: flex; align-items: center; gap: 10px; flex: none; }
.t31-authMobile { display: none; margin-left: auto; }
@media (max-width: 1023.98px) {
  .t31-nav, .t31-auth { display: none; }
  .t31-authMobile { display: inline-flex; }
  .t31-headerBar { gap: 12px; min-height: 72px; }
}

/* ---- Footer ---- */
.t31-footer {
  position: relative;
  isolation: isolate;
  margin-top: 40px;
  padding: 48px 0 28px;
  background: var(--t31-footer-bg, #08132d);
  font-family: var(--t31-font-footer, var(--font-poppins)), sans-serif;
  overflow: hidden;
}
.t31-footer::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 50%;
  bottom: -40%;
  width: 90%;
  height: 80%;
  transform: translateX(-50%);
  background: radial-gradient(900px 320px at 50% 100%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.31), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%);
}
.t31-footInner { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px; width: var(--t31-w); margin-inline: auto; }
.t31-footBrand { display: flex; flex-direction: column; gap: 16px; max-width: 560px; }
.t31-footLogoRow { display: flex; align-items: center; gap: 14px; }
.t31-footLogo { height: 44px; width: auto; max-width: 160px; object-fit: contain; }
.t31-footName { color: var(--t31-accent, #79be0a); font-weight: 600; font-size: 18px; }
.t31-footDesc { margin: 0; font-size: 15px; line-height: 1.6; color: var(--t31-text-white, #ffffff); }
.t31-footMail { font-size: 14px; color: var(--t31-text-muted, #c2cecc); text-decoration: none; }
.t31-socials { display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; }
.t31-socialBtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 50%;
  background: var(--t31-surface-3, #091126); border: 1px solid var(--t31-border, #182a52);
  color: var(--t31-text-muted, #c2cecc); text-decoration: none;
}
.t31-socialBtn svg { width: 18px; height: 18px; }
.t31-footCols { display: flex; gap: 56px; flex-wrap: wrap; }
.t31-footColTitle { margin: 0 0 18px; color: var(--t31-accent, #79be0a); font-size: 15px; font-weight: 500; }
.t31-footColList { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; list-style: none; }
.t31-footLink { font-size: 13px; font-weight: 500; text-decoration: none; }
.t31-shell .t31-footLink:hover { color: var(--t31-accent, #79be0a); }
.t31-footBottom {
  width: var(--t31-w);
  margin: 36px auto 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--t31-border, #182a52);
  text-align: center;
}
.t31-footLegal { margin: 0 0 10px; font-size: 12px; line-height: 1.6; color: var(--t31-text-muted, #c2cecc); }
.t31-copyright { font-size: 12px; color: var(--t31-text-white, #ffffff); }

/* ---- Home (serbest HTML bölümleri) ---- */
/* Tam genişlik hero (operatör arka planı section CSS'iyle). Yoksa token gradyanı. */
.t31-hero,
.t31-pageHero {
  position: relative;
  isolation: isolate;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background:
    linear-gradient(180deg, var(--t31-bg-fade, #050f15) 0, rgba(var(--t31-overlay-rgb, 0, 8, 27), 0) 180px),
    radial-gradient(900px 480px at 75% 40%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.18), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%),
    var(--t31-bg-base, #00081b);
  background-size: cover;
  background-position: center;
}
.t31-hero { min-height: 600px; padding: 112px 0 48px; display: flex; align-items: center; }
.t31-heroInner {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  width: var(--t31-w); margin-inline: auto;
}
.t31-heroText { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; flex: 1 1 0; min-width: 0; max-width: 700px; }
.t31-heroTitle { margin: 0; font-family: var(--t31-font-display, var(--font-dm-sans)), sans-serif; font-size: clamp(34px, 3.7vw, 54px); font-weight: 900; line-height: 1.08; text-wrap: balance; overflow-wrap: break-word; }
.t31-heroBody { margin: 0; font-size: 18px; line-height: 1.5; font-weight: 400; }

.t31-steps, .t31-whySection, .t31-gamesSection, .t31-latest, .t31-aboutIntro, .t31-aboutWhy { padding-block: 56px; }
/* Serbest-HTML bölümlerinin iç .t31-container'ı layout'un container'ının İÇİNDE: çift dolgu olmasın. */
.t31-container .t31-container { width: 100%; max-width: none; padding-inline: 0; }
.t31-stepList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin: 36px 0 0; padding: 0; list-style: none; }
.t31-step {
  position: relative; display: flex; align-items: center; gap: 16px; min-height: 185px; padding: 24px 24px 24px 28px; overflow: hidden;
  border-radius: var(--t31-radius-lg, 30px);
  background:
    linear-gradient(90deg, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.14), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 60%),
    var(--t31-surface-2, #00113a);
}
.t31-stepNum {
  flex: none; font-size: 112px; font-weight: 900; font-style: italic; line-height: 1; color: var(--t31-accent, #79be0a);
  filter: drop-shadow(0 0 14px rgba(var(--t31-accent-rgb, 121, 190, 10), 0.55));
}
.t31-step > div { flex: 1 1 auto; min-width: 0; }
.t31-step h3 { margin: 0 0 6px; color: var(--t31-accent, #79be0a); font-size: clamp(22px, 2vw, 30px); font-weight: 900; line-height: 1.1; }
.t31-step p { margin: 0; font-size: clamp(15px, 1.3vw, 20px); font-weight: 300; line-height: 1.3; }
/* Gerçek metin uzunluğu: görsel slotu köşede küçük rozet; metin kartın tam genişliğini kullanır. */
.t31-step { align-items: flex-start; min-height: 0; }
.t31-step .t31-slot--stepArt { position: absolute; top: 16px; right: 16px; width: 64px; height: 50px; margin: 0; }
.t31-step > div { padding-top: 6px; }
.t31-step h3 { padding-right: 76px; overflow-wrap: anywhere; }
.t31-step p { overflow-wrap: break-word; }

.t31-why { position: relative; display: grid; gap: 28px 0; margin: 40px auto 0; padding: 0; max-width: 900px; list-style: none; }
.t31-why::before {
  content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(180deg, rgba(var(--t31-accent-rgb, 121, 190, 10), 0), rgba(var(--t31-accent-rgb, 121, 190, 10), 0.6) 20%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.6) 80%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0));
}
.t31-whyItem { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; column-gap: 56px; }
.t31-whyItem::after {
  content: ''; position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; transform: translate(-50%, -50%);
  border-radius: 50%; background: var(--t31-accent, #79be0a); box-shadow: 0 0 14px rgba(var(--t31-accent-rgb, 121, 190, 10), 0.7);
}
.t31-whyItem > div { max-width: 360px; }
.t31-whyItem h3 { margin: 0 0 6px; color: var(--t31-accent, #79be0a); font-size: clamp(22px, 2vw, 28px); font-weight: 800; }
.t31-whyItem p { margin: 0; font-size: 17px; font-weight: 300; line-height: 1.35; }
.t31-whyItem .t31-slot { justify-self: center; }
.t31-whyItem:nth-child(odd) > div { order: 1; justify-self: end; text-align: right; }
.t31-whyItem:nth-child(odd) .t31-slot { order: 2; }
.t31-whyItem:nth-child(even) .t31-slot { order: 1; }
.t31-whyItem:nth-child(even) > div { order: 2; justify-self: start; text-align: left; }

/* Coverflow: 7 karo, konum sınıfı (t31-pos-m3..p3) → boyut + kararma. data-* KULLANILMAZ (SectionSanitizer düşürür). */
.t31-games { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 36px; }
.t31-games .t31-slot--game::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: rgba(var(--t31-overlay-rgb, 0, 8, 27), 0); }
.t31-games .t31-slot--game.t31-pos-0 { width: 272px; height: 346px; }
.t31-games .t31-slot--game.t31-pos-m1, .t31-games .t31-slot--game.t31-pos-p1 { width: 240px; height: 306px; }
.t31-games .t31-slot--game.t31-pos-m1::after, .t31-games .t31-slot--game.t31-pos-p1::after { background: rgba(var(--t31-overlay-rgb, 0, 8, 27), 0.3); }
.t31-games .t31-slot--game.t31-pos-m2, .t31-games .t31-slot--game.t31-pos-p2 { width: 196px; height: 250px; }
.t31-games .t31-slot--game.t31-pos-m2::after, .t31-games .t31-slot--game.t31-pos-p2::after { background: rgba(var(--t31-overlay-rgb, 0, 8, 27), 0.6); }
.t31-games .t31-slot--game.t31-pos-m3, .t31-games .t31-slot--game.t31-pos-p3 { width: 145px; height: 185px; }
.t31-games .t31-slot--game.t31-pos-m3::after, .t31-games .t31-slot--game.t31-pos-p3::after { background: rgba(var(--t31-overlay-rgb, 0, 8, 27), 0.8); }

/* ---- Kart ızgarası (Son Makaleler/Haberler + liste) ---- */
.t31-cardGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.t31-card { display: grid; grid-template-columns: minmax(0, 328px) minmax(0, 1fr); gap: 22px; padding: 12px; min-height: 296px; border-radius: var(--t31-radius-card, 26.8px); }
.t31-cardMedia { display: block; min-height: 220px; border-radius: 20px; overflow: hidden; }
.t31-cardMedia img { display: block; width: 100%; height: 100%; object-fit: cover; }
.t31-cardBody { display: flex; flex-direction: column; justify-content: center; gap: 12px; min-width: 0; }
.t31-cardTitle { margin: 0; font-size: clamp(20px, 1.8vw, 26px); font-weight: 900; line-height: 1.15; }
.t31-cardTitle a { text-decoration: none; }
.t31-shell .t31-cardTitle a:hover { color: var(--t31-accent, #79be0a); }
.t31-cardExcerpt { margin: 0; font-size: 16px; line-height: 1.45; opacity: 0.8; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.t31-cardMeta { display: flex; align-items: center; gap: 10px; }
.t31-cardAvatar { width: 39px; height: 39px; border-radius: 50%; object-fit: cover; flex: none; }
.t31-cardAvatar--fallback, .t31-avatar--fallback {
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--t31-accent, #79be0a); color: var(--t31-on-accent, #031320); font-weight: 800;
}
.t31-cardMetaText { display: flex; flex-direction: column; line-height: 1.25; }
.t31-cardAuthor { font-size: 12.5px; font-weight: 700; text-decoration: none; }
.t31-cardDate { font-size: 10.7px; font-weight: 300; }
.t31-latest { display: block; }
.t31-latestAll { display: flex; width: fit-content; margin: 32px auto 0; }
.t31-archivePicks { margin-top: 24px; }
.t31-archivePicksTitle { font-size: 16px; font-weight: 700; color: var(--t31-accent, #79be0a); }
.t31-archivePicks ul { margin: 0; padding-left: 18px; }
.t31-archivePicks a { color: var(--t31-text-muted, #c2cecc); }
.t31-empty { text-align: center; opacity: 0.8; margin-top: 32px; }

/* ---- Sayfa hero bandı + liste ---- */
.t31-pageHero { min-height: 340px; padding: 120px 0 48px; display: flex; align-items: center; }
.t31-pageHeroInner { width: var(--t31-w); margin-inline: auto; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.t31-pageHeroTitle { margin: 0; max-width: 900px; font-family: var(--t31-font-display, var(--font-dm-sans)), sans-serif; font-size: clamp(34px, 4.4vw, 64px); font-weight: 900; line-height: 1.05; }
.t31-pageHeroIntro { margin: 0; max-width: 680px; font-size: 18px; line-height: 1.5; }
.t31-listBody { width: var(--t31-w); margin-inline: auto; padding-block: 56px; }
.t31-listBelow { margin-top: 48px; }
.t31-listBody > .t31-cardGrid { margin-top: 0; }

.t31-pager {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; width: fit-content; max-width: 100%;
  margin: 56px auto 0; padding: 10px 16px; border-radius: 25px;
}
.t31-pagerNav { padding: 6px 10px; font-weight: 500; text-decoration: none; }
.t31-pagerNum, .t31-pagerGap { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 37px; border-radius: var(--t31-radius-sm, 5px); font-weight: 500; text-decoration: none; }
.t31-pagerNum--active { background: var(--t31-accent, #79be0a); color: var(--t31-on-accent, #031320); box-shadow: 0 0 16px rgba(var(--t31-accent-rgb, 121, 190, 10), 0.5); }

/* ---- Yazar sayfaları ---- */
.t31-authorGrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 22px; }
.t31-authorCard { padding: 22px; border-radius: var(--t31-radius-card, 26.8px); }
.t31-authorCardHead { display: flex; align-items: center; gap: 14px; }
.t31-avatar { width: 104px; height: 104px; border-radius: 50%; object-fit: cover; font-size: 40px; flex: none; }
.t31-avatar--sm { width: 56px; height: 56px; font-size: 22px; }
.t31-authorCardName { display: flex; flex-direction: column; gap: 4px; }
.t31-authorCardName a { font-size: 18px; font-weight: 800; text-decoration: none; }
.t31-authorBadge { font-size: 12px; color: var(--t31-accent, #79be0a); }
.t31-authorOcc { margin: 12px 0 0; color: var(--t31-text-muted, #c2cecc); }
.t31-authorCounts { margin: 8px 0 0; font-size: 14px; color: var(--t31-text-muted, #c2cecc); }
.t31-authorProfile { width: var(--t31-w); margin: 40px auto 32px; padding: 32px; border-radius: var(--t31-radius-card, 26.8px); }
.t31-authorProfileHead { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.t31-authorProfileText { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.t31-authorName { margin: 0; font-size: clamp(28px, 3.2vw, 44px); font-weight: 900; }
.t31-authorInterests { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.t31-authorInterests li { padding: 4px 12px; border-radius: 40px; background: var(--t31-badge-bg, #072459); color: var(--t31-accent, #79be0a); font-size: 13px; }
.t31-authorBio { margin: 20px 0 0; font-size: 17px; line-height: 1.6; }

/* ---- Statik sayfa / prose ---- */
.t31-static-page { width: var(--t31-w); margin-inline: auto; padding-block: 40px 56px; }
.t31-prose { --t31-glow-size: 700px 420px; padding: clamp(24px, 4vw, 56px) clamp(20px, 4.4vw, 63px); border-radius: var(--t31-radius-card, 26.8px); font-size: clamp(16px, 1.4vw, 20px); font-weight: 500; line-height: 1.6; }
.t31-prose h1, .t31-prose h2, .t31-prose h3, .t31-prose h4 { color: var(--t31-accent, #79be0a); font-weight: 800; line-height: 1.2; }
.t31-prose h1 { font-size: clamp(30px, 3.6vw, 48px); }
.t31-prose h2 { font-size: clamp(26px, 3vw, 40px); }
.t31-prose h3 { font-size: clamp(22px, 2.4vw, 30px); }
.t31-prose h4 { font-size: clamp(19px, 2vw, 25px); }
.t31-prose a { color: var(--t31-accent, #79be0a); }
.t31-prose img, .t31-prose video { max-width: 100%; height: auto; border-radius: 20px; }
.t31-prose table { display: block; max-width: 100%; overflow-x: auto; }
/* Hakkımızda — "Neden Biz?" asimetrik 2×2 */
/* 100 sütun + sütun boşluğu YOK (99 boşluk taşırırdı); kart aralığı kart kenar boşluğundan. */
.t31-tiles { display: grid; grid-template-columns: repeat(100, minmax(0, 1fr)); column-gap: 0; margin: 26px -10px 0; padding: 0; list-style: none; }
.t31-tile { --t31-glow-size: 520px 360px; position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 14px; min-height: 412px; margin: 10px; padding: 40px; overflow: hidden; border-radius: var(--t31-radius-tile, 28.7px); }
.t31-tile:nth-child(1) { grid-column: span 32; }
.t31-tile:nth-child(2) { grid-column: span 68; }
.t31-tile:nth-child(3) { grid-column: span 48; }
.t31-tile:nth-child(4) { grid-column: span 52; }
.t31-tile h3 { margin: 0; color: var(--t31-accent, #79be0a); font-size: clamp(26px, 2.8vw, 40px); font-weight: 900; }
.t31-tile p { margin: 0; max-width: 420px; font-size: 17px; line-height: 1.5; }
.t31-tile > :not(.t31-slot--tile) { position: relative; z-index: 1; }
.t31-aboutIntro p { font-size: 18px; line-height: 1.6; max-width: 900px; margin-inline: auto; text-align: center; }

/* ---- Detay (haber/makale) — generic ContentDetail t31 kabuğunda ----
   ⛔ Hedef KARARLI `.t31-detail*` sınıfları (ContentDetail `detailClassName`, yalnız t31 yolunda).
   CSS-module sınıf adı (`ContentDetail_detail…`) prod Turbopack'te farklı → ona bağlı seçici ölü kalır. */
.t31-main .t31-detail {
  --t31-glow-size: 700px 420px;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: clamp(20px, 4vw, 56px) clamp(16px, 4.4vw, 63px);
  border-radius: var(--t31-radius-card, 26.8px);
  background:
    radial-gradient(var(--t31-glow-size) at 100% 100%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.31), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%),
    var(--t31-surface, #09132d);
}
/* Yan panel yoksa makale doğrudan <main> altında: kendisi merkezli kap. */
.t31-main > .t31-detail { width: var(--t31-w); margin: 40px auto 56px; }
.t31-main .t31-detail h1 { font-size: clamp(30px, 4vw, 56px); font-weight: 900; line-height: 1.08; }
.t31-main .t31-detail h2,
.t31-main .t31-detail h3,
.t31-main .t31-detail h4 { color: var(--t31-accent, #79be0a); font-weight: 800; }
/* Yan panelli düzen: gövde kartı + "Benzer içerikler" aynı kap içinde, eşit boşluk. */
.t31-main .t31-detailLayout { width: var(--t31-w); max-width: none; margin: 40px auto 56px; gap: 24px; }
.t31-main .t31-detailAside {
  --t31-glow-size: 420px 260px;
  padding: 24px;
  border-radius: var(--t31-radius-card, 26.8px);
  background:
    radial-gradient(var(--t31-glow-size) at 100% 100%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.31), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%),
    var(--t31-surface, #09132d);
}
@media (min-width: 1024px) {
  .t31-main .t31-detailLayout { grid-template-columns: minmax(0, 1fr) 340px; }
}

/* Hakkımızda altındaki bağımsız-site bildirimi (DisclosureNotice) — t31 kartı. */
.t31-main aside[role='note'] {
  width: var(--t31-w);
  max-width: none;
  margin: 8px auto 40px;
  padding: 18px 24px;
  border: 1px solid var(--t31-border, #182a52);
  border-left: 3px solid var(--t31-accent, #79be0a);
  border-radius: var(--t31-radius-card, 26.8px);
  background: var(--t31-surface-2, #00113a);
}
.t31-main aside[role='note'] p { color: var(--t31-text-muted, #c2cecc); font-size: 14px; line-height: 1.6; }

/* ---- Serbest HTML (t26/t28'den taşınmış siteler + operatör HTML'i) ----
   Eski bölüm CSS'i --t28-* token'larını okur; t31 kabuğunda bunlar t31 değerlerine eşlenir (yalnız .t31-shell içinde). */
.t31-shell {
  --t28-surface: var(--t31-surface, #09132d); --t28-surface-2: var(--t31-surface-2, #00113a); --t28-surface-3: var(--t31-surface-2, #00113a);
  --t28-border: var(--t31-border, #182a52); --t28-text-white: var(--t31-text-white, #ffffff); --t28-text-muted: var(--t31-text-muted, #c2cecc);
  --t28-accent: var(--t31-accent, #79be0a); --t28-shadow-card: none;
  --t28-radius-card-sm: 14px; --t28-radius-card-md: var(--t31-radius-card, 26.8px);
}
/* Statik/serbest bölümler (hero/adım gibi t31 bölümleri yoksa): okunur genişlikte sütun. */
.t31-main > .t31-container > [class~='t26-sections']:not(:has(.t31-hero, .t31-steps, .t31-pageHero, .hero)) { max-width: 920px; margin-inline: auto; padding-block: 40px 56px; }
[class~='t26-sections'] { overflow-wrap: break-word; }
/* Çıplak h1/h2/p… içeren bölümler: glow kart. */
.t31-main [class~='t26-sections'] > div > div:has(> :is(h1, h2, h3, p, ul, ol, table, blockquote)) {
  background:
    radial-gradient(700px 420px at 100% 100%, rgba(var(--t31-accent-rgb, 121, 190, 10), 0.22), rgba(var(--t31-accent-rgb, 121, 190, 10), 0) 70%),
    var(--t31-surface, #09132d);
  border-radius: var(--t31-radius-card, 26.8px);
  padding: clamp(20px, 3.4vw, 44px);
  margin-block: 20px;
  font-size: clamp(16px, 1.3vw, 18px); line-height: 1.75; font-weight: 400;
}
.t31-main [class~='t26-sections'] > div > div:not(:has(> section)) > :first-child { margin-top: 0; }
.t31-main [class~='t26-sections'] > div > div:not(:has(> section)) > :last-child { margin-bottom: 0; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) :is(h1, h2, h3, h4) { color: var(--t31-accent, #79be0a); font-weight: 800; line-height: 1.25; margin: 1.6em 0 0.5em; text-wrap: balance; }
.t31-main [class~='t26-sections'] > div > div > h1 { font-size: clamp(26px, 3.2vw, 40px); margin-top: 0; }
.t31-main [class~='t26-sections'] > div > div > h2, .t31-prose h2 { font-size: clamp(22px, 2.4vw, 30px); padding-bottom: 0.35em; border-bottom: 1px solid var(--t31-border, #182a52); }
.t31-main [class~='t26-sections'] > div > div > h3, .t31-prose h3 { font-size: clamp(18px, 1.8vw, 22px); }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) :is(p, ul, ol, blockquote, table, pre) { margin: 0 0 1.1em; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) :is(ul, ol) { padding-left: 1.4em; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) li { margin-bottom: 0.4em; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) li::marker { color: var(--t31-accent, #79be0a); }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) strong { color: var(--t31-text-white, #ffffff); font-weight: 700; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) a { color: var(--t31-accent, #79be0a); text-underline-offset: 3px; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) blockquote { padding: 14px 18px; border-left: 3px solid var(--t31-accent, #79be0a); background: rgba(var(--t31-accent-rgb, 121, 190, 10), 0.08); border-radius: 0 12px 12px 0; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) hr { border: 0; border-top: 1px solid var(--t31-border, #182a52); margin: 1.6em 0; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) :is(th, td) { padding: 8px 12px; border: 1px solid var(--t31-border, #182a52); text-align: left; }
:is(.t31-prose, [class~='t26-sections'] > div > div:not(:has(> section))) th { background: var(--t31-surface-2, #00113a); color: var(--t31-accent, #79be0a); }
.t31-main .faq-item { padding-block: 10px; border-bottom: 1px solid var(--t31-border, #182a52); }
.t31-main .faq-item:last-child { border-bottom: 0; }
.t31-main .faq-item h3 { margin: 0 0 0.3em; font-size: 1rem; color: var(--t31-text-white, #ffffff); }
.t31-main .faq-item p { margin: 0; }
/* t28 ana sayfa bölümleri (taşınmış siteler): sade t31 görünümü */
.t31-main .hero { padding: 120px 0 48px; }
.t31-main .heroInner { width: 100%; }
.t31-main .heroText { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; max-width: 820px; }
.t31-main .heroTitle { margin: 0; font-size: clamp(32px, 4vw, 52px); font-weight: 900; line-height: 1.1; }
.t31-main .heroTitleTop, .t31-main .heroTitleBottom { display: block; }
.t31-main .heroTitleBottom { color: var(--t31-accent, #79be0a); }
.t31-main .heroBody { margin: 0; font-size: 17px; line-height: 1.6; }
.t31-main :is(.heroCta, .advPromoCta) { display: inline-flex; padding: 13px 30px; border-radius: 46px; background: var(--t31-accent, #79be0a); color: var(--t31-on-accent, #031320) !important; font-weight: 700; text-decoration: none; }
.t31-main .statCard { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px; padding: 20px; border-radius: var(--t31-radius-card, 26.8px); background: var(--t31-surface, #09132d); }
.t31-main .statItem { display: flex; flex-direction: column; align-items: center; text-align: center; }
.t31-main .statValue { color: var(--t31-accent, #79be0a); font-size: 22px; font-weight: 800; }
.t31-main .statLabel { font-size: 12px; letter-spacing: 0.06em; color: var(--t31-text-muted, #c2cecc); }
.t31-main .advantages, .t31-main .seoBlock { padding-block: 40px; }
.t31-main .advantagesHeading, .t31-main .seoBlockHeading { margin: 0 0 24px; text-align: center; color: var(--t31-accent, #79be0a); font-size: clamp(26px, 3vw, 38px); }
.t31-main .advantagesHeadingTop, .t31-main .advantagesHeadingBottom { display: inline; }
.t31-main .advantagesHeadingTop::after { content: ' '; }
.t31-main .advantagesGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; }
.t31-main :is(.advCard, .advPromo) { padding: 22px; border-radius: var(--t31-radius-card, 26.8px); background: var(--t31-surface, #09132d); line-height: 1.6; }
.t31-main .advPromo { grid-column: 1 / -1; margin-top: 0; }
.t31-main .advCardTitle { margin: 0 0 8px; color: var(--t31-accent, #79be0a); }
.t31-main .advCardBody, .t31-main .seoBlockBody { margin: 0; line-height: 1.65; }

/* ---- Ana sayfa yedeği ---- */
.t31-homeFallback { display: flex; flex-direction: column; }

/* ---- Duyarlı ---- */
@media (max-width: 1199.98px) {
  .t31-stepList { grid-template-columns: 1fr; }
  .t31-games .t31-slot--game.t31-pos-m3, .t31-games .t31-slot--game.t31-pos-p3 { display: none; }
}
@media (max-width: 991.98px) {
  .t31-slot--heroArt { width: 340px; height: 300px; }
  .t31-hero { min-height: 480px; }
  .t31-whyItem { column-gap: 28px; }
}
@media (max-width: 767.98px) {
  .t31-hero { min-height: 0; padding: 96px 0 40px; }
  .t31-hero .t31-slot--heroArt { display: none; }
  .t31-btn--lg { min-width: 0; width: 100%; }
  .t31-pageHero { min-height: 0; padding: 100px 0 36px; }
  .t31-steps, .t31-whySection, .t31-gamesSection, .t31-latest, .t31-aboutIntro, .t31-aboutWhy { padding-block: 36px; }
  .t31-stepNum { font-size: 80px; }
  .t31-step .t31-slot--stepArt { width: 64px; height: 50px; }
  /* Neden: tek kolon, çizgi solda */
  .t31-why { max-width: none; padding-left: 28px; }
  .t31-why::before { left: 6px; }
  .t31-whyItem { grid-template-columns: 1fr; row-gap: 12px; }
  .t31-whyItem::after { left: 6px; top: 24px; }
  .t31-whyItem:nth-child(n) > div { order: 2; justify-self: start; text-align: left; }
  .t31-whyItem:nth-child(n) .t31-slot { order: 1; justify-self: start; width: 100px; height: 107px; }
  /* Oyunlar: eşit karolar, kaydırmalı yatay şerit */
  .t31-games { justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px; margin-inline: -16px; padding-inline: 16px; }
  .t31-games .t31-slot--game { width: 160px !important; height: 204px !important; scroll-snap-align: center; display: block !important; }
  .t31-games .t31-slot--game::after { background: transparent !important; }
  .t31-cardGrid { grid-template-columns: 1fr; }
  .t31-card { grid-template-columns: 1fr; min-height: 0; }
  .t31-cardMedia { min-height: 0; aspect-ratio: 328 / 269; }
  .t31-slot--cardImg { min-height: 0; aspect-ratio: 328 / 269; }
  .t31-footInner { flex-direction: column; }
  .t31-tiles { grid-template-columns: 1fr; margin-inline: 0; }
  .t31-tile:nth-child(n) { grid-column: 1 / -1; min-height: 280px; padding: 28px; }
  .t31-static-page { padding-block: 24px 40px; }
  .t31-main > .t31-detail, .t31-main .t31-detailLayout { margin-block: 24px 40px; }
}
@media (max-width: 479.98px) {
  .t31-prose { padding: 20px 16px; }
  .t31-pager { padding-inline: 8px; }
}