/* Layout concept: light, clean portal in the brand blue of the WA wordmark. Deep-blue bands (featured card, CTA, footer) carry the contrast.
   Desktop = sticky top bar. Mobile = compact top bar + fixed bottom tab bar. */
:root {
  --bg: #F6F8FB; --bg2: #EDF2F8; --surface: #FFFFFF; --surface2: #F1F5FA;
  --ink: #0E2038; --muted: #556780; --line: #DEE5EF;
  --accent: #34679A; --accent-ink: #FFFFFF; --accent-soft: rgba(52,103,154,.09);
  --deep: #0F2A47; --deep2: #1B4673; --deep-ink: #EAF1F9; --sky: #8DBBEA;
  --logo: #34679A; --silver: #556780;
  --shadow: 0 1px 2px rgba(14,32,56,.05), 0 14px 30px -18px rgba(14,32,56,.22);
  --display: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --mono: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --bar-h: 64px;
    --logo-img: url("logo.png");
}
@media not all { /* gece modu yalnızca ziyaretçi düğmeyle seçerse */
  :root:not([data-theme="light"]) {
    --bg: #0A1626; --bg2: #0E1D31; --surface: #122440; --surface2: #17304F; --ink: #EAF1F9; --muted: #9DB0C8; --line: #22395A;
    --accent: #6FA6DE; --accent-ink: #06182B; --accent-soft: rgba(111,166,222,.14); --logo: #7FB0E3; --silver: #9DB0C8; --shadow: none; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0A1626; --bg2: #0E1D31; --surface: #122440; --surface2: #17304F; --ink: #EAF1F9; --muted: #9DB0C8; --line: #22395A;
  --accent: #6FA6DE; --accent-ink: #06182B; --accent-soft: rgba(111,166,222,.14); --logo: #7FB0E3; --silver: #9DB0C8; --shadow: none; color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg); color: var(--ink); font-family: var(--body); font-size: 16px; line-height: 1.6;
  -webkit-font-smoothing: antialiased; padding-bottom: calc(var(--bar-h) + 8px);
}
body::before { content: ""; position: fixed; inset: 0 0 auto; height: env(safe-area-inset-top, 0px); z-index: 80; background: var(--bg); }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; }
img, svg { max-width: 100%; }
button { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
[hidden] { display: none !important; }

.wrap {
  width: 100%; max-width: 1200px; margin: 0 auto;
  padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.section { padding-block: clamp(48px, 8vw, 96px); }
.alt { background: var(--bg2); border-block: 1px solid var(--line); }

/* type */
h1, h2, h3, h4 { font-family: var(--display); text-wrap: balance; letter-spacing: -0.015em; font-weight: 600; }
h1 { font-size: clamp(2.25rem, 6.4vw, 4.4rem); line-height: 1.04; font-weight: 600; }
h2 { font-size: clamp(1.7rem, 3.8vw, 2.7rem); line-height: 1.12; }
h3 { font-size: 1.22rem; line-height: 1.25; }
.eyebrow { font: 500 12px/1.4 var(--mono); letter-spacing:.04em; color: var(--accent); }
.lead { font-size: clamp(1.05rem, 1.7vw, 1.22rem); color: var(--muted); max-width: 58ch; }
.head { display: grid; gap: 14px; margin-bottom: clamp(28px, 5vw, 52px); max-width: 740px; }
.muted { color: var(--muted); }

/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px;
  border-radius: 999px; border: 1.5px solid transparent; font: 600 15px/1.1 var(--body); text-decoration: none; cursor: pointer;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease; text-align: center;
}
.btn svg { width: 18px; height: 18px; flex: none; }
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { transform: translateY(-2px); }
.btn-line { border-color: var(--line); background: transparent; color: var(--ink); }
.btn-line:hover { border-color: var(--accent); color: var(--accent); }
.btn-sm { min-height: 40px; padding: 0 18px; font-size: 14px; }
.row { display: flex; flex-wrap: wrap; gap: 12px; }

/* header */
.topbar { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 70; background: var(--bg); border-bottom: 1px solid var(--line); }
.topbar-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 66px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0; }
.mark {
  flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  border: 1.5px solid var(--accent); color: var(--accent); font: 700 15px/1 var(--display); letter-spacing: -0.02em;
}
.brand-t { display: grid; line-height: 1.1; min-width: 0; }
.brand-t b { font: 600 15px/1.15 var(--display); letter-spacing: .02em; white-space: nowrap; }
.brand-t span { font: 400 10.5px/1.4 var(--mono); color: var(--muted); letter-spacing:.04em; }
.nav { display: flex; align-items: center; gap: 6px; }
.nav a.nl {
  padding: 10px 16px; border-radius: 999px; font: 600 13px/1 var(--body); letter-spacing: .08em; text-decoration: none; color: var(--muted);
}
.nav a.nl:hover { color: var(--ink); }
.nav a.nl[aria-current="page"] { color: var(--ink); background: var(--surface); }
.nav a.nl.hot { background: var(--accent); color: var(--accent-ink); margin-inline: 6px; }
.nav a.nl.hot[aria-current="page"] { box-shadow: 0 0 0 3px var(--accent-soft); }
.theme-btn { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: transparent; cursor: pointer; display: grid; place-items: center; }
.theme-btn svg { width: 18px; height: 18px; }
.theme-btn:hover { border-color: var(--accent); color: var(--accent); }
@media (max-width: 860px) { .nav { display: none; } }

/* bottom tab bar (mobile) */
.tabbar {
  display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; background: var(--surface); border-top: 1px solid var(--line);
  padding: 6px max(8px, env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
}
.tabbar-in { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; max-width: 560px; margin: 0 auto; }
.tabbar a {
  display: grid; justify-items: center; gap: 3px; padding: 8px 2px; border-radius: 14px; text-decoration: none; color: var(--muted);
  font: 600 10.5px/1.1 var(--body); letter-spacing: .04em; min-height: 52px; align-content: center;
}
.tabbar svg { width: 22px; height: 22px; }
.tabbar a[aria-current="page"] { color: var(--accent); background: var(--accent-soft); }
.tabbar a.hot { color: var(--accent); }
@media (max-width: 860px) { .tabbar { display: block; } }
@media (min-width: 861px) { body { padding-bottom: 0; } }

/* hero */
.hero { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero-art { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hero-art .arc { fill: none; stroke: var(--accent); stroke-width: 1.2; }
.hero-art .dot { fill: var(--accent); }
.hero-in { position: relative; padding-block: clamp(48px, 9vw, 112px) clamp(40px, 7vw, 80px); display: grid; gap: 24px; }
.hero-in .lead { max-width: 52ch; }
.hero h1 em { font-style: italic; color: var(--accent); font-weight: 400; }
.hero-split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
@media (max-width: 900px) { .hero-split { grid-template-columns: minmax(0, 1fr); } }

/* gateway cards */
.gate { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gcard {
  position: relative; display: grid; gap: 14px; align-content: start; padding: clamp(22px, 3vw, 32px); border-radius: 22px; text-decoration: none;
  background: var(--surface); border: 1px solid var(--line); overflow: hidden; min-width: 0;
  transition: transform .25s ease, border-color .25s ease, background-color .25s ease;
}
.gcard::after {
  content: ""; position: absolute; inset: auto -30% -55% -30%; height: 70%; background: radial-gradient(closest-side, var(--accent-soft), transparent);
  opacity: 0; transition: opacity .3s ease; pointer-events: none;
}
.gcard:hover, .gcard:focus-visible { transform: translateY(-5px); border-color: var(--accent); }
.gcard:hover::after, .gcard:focus-visible::after { opacity: 1; }
.gcard .tag { font: 500 11px/1.4 var(--mono); letter-spacing:.04em; color: var(--muted); display: flex; justify-content: space-between; gap: 8px; }
.gcard .tag i { font-style: normal; color: var(--accent); }
.gcard h3 { font-size: clamp(1.4rem, 2.2vw, 1.75rem); line-height: 1.12; }
.gcard p { color: var(--muted); font-size: 15.5px; }
.gcard .go { margin-top: 10px; display: inline-flex; align-items: center; gap: 10px; font: 600 14px/1 var(--body); color: var(--accent); }
.gcard .go svg { width: 18px; height: 18px; transition: transform .25s ease; }
.gcard:hover .go svg { transform: translateX(5px); }
.gcard.feat { background: linear-gradient(160deg, var(--surface2), var(--surface)); border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); }
@media (max-width: 900px) { .gate { grid-template-columns: minmax(0, 1fr); } }

/* generic grids */
.g2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.g4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 1000px) { .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .g2, .g3, .g4 { grid-template-columns: minmax(0, 1fr); } }
.card { padding: 26px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 10px; align-content: start; min-width: 0; }
.card p { color: var(--muted); font-size: 15.5px; }
.card .tag { font: 500 11px/1.4 var(--mono); letter-spacing:.04em; color: var(--accent); }

/* vision + founder */
.vision { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 80px); align-items: start; }
@media (max-width: 860px) { .vision { grid-template-columns: minmax(0, 1fr); } }
.pillars { display: grid; gap: 0; border-top: 1px solid var(--line); }
.pillars li { display: grid; gap: 4px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.pillars b { font: 600 1.1rem/1.3 var(--display); }
.pillars span { color: var(--muted); font-size: 15.5px; }
.founder { margin-top: 28px; padding: 28px; border-radius: 20px; border: 1px solid var(--line); background: var(--surface); display: grid; gap: 14px; }
.founder blockquote { font: 400 clamp(1.2rem, 2.2vw, 1.55rem)/1.4 var(--display); font-style: italic; }
.founder cite { font: 500 13px/1.5 var(--mono); font-style: normal; color: var(--accent); letter-spacing: .04em; }

/* stats */
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); }
.stat { padding: 30px 20px 30px 0; display: grid; gap: 8px; align-content: start; }
.stat + .stat { padding-left: 24px; border-left: 1px solid var(--line); }
.stat b { font: 600 clamp(2.1rem, 5vw, 3.6rem)/1 var(--display); color: var(--accent); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
.stat span { font-size: 14.5px; color: var(--muted); max-width: 22ch; }
@media (max-width: 760px) {
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stat, .stat + .stat { padding: 24px 14px 24px 0; border-left: 0; }
  .stat:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--line); }
  .stat:nth-child(n+3) { border-top: 1px solid var(--line); }
}

/* timeline */
.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.chip { min-height: 42px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--line); background: transparent; cursor: pointer; font: 600 14px/1 var(--body); color: var(--muted); }
.chip:hover { border-color: var(--accent); color: var(--ink); }
.chip[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.tl { position: relative; display: grid; gap: 0; }
.tl-item { display: grid; grid-template-columns: 11rem minmax(0, 1fr) auto; gap: 4px 28px; padding: 22px 0; border-top: 1px solid var(--line); align-items: baseline; }
.tl-d { font: 500 14px/1.4 var(--mono); color: var(--accent); font-variant-numeric: tabular-nums; }
.tl-m { display: grid; gap: 4px; min-width: 0; text-decoration: none; }
.tl-m b { font: 600 1.2rem/1.25 var(--display); }
.tl-m span { color: var(--muted); font-size: 15px; max-width: 62ch; }
a.tl-m:hover b { color: var(--accent); }
.tl-c { font: 400 12px/1 var(--mono); padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); white-space: nowrap; justify-self: start; }
.tl-item.feature .tl-c { border-color: var(--accent); color: var(--accent); }
@media (max-width: 700px) { .tl-item { grid-template-columns: minmax(0, 1fr); } }

/* news */
.post { display: grid; gap: 10px; align-content: start; padding: 26px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); text-decoration: none; transition: border-color .2s ease, transform .2s ease; min-width: 0; }
.post:hover { border-color: var(--accent); transform: translateY(-3px); }
.post time { font: 500 12px/1 var(--mono); color: var(--accent); letter-spacing: .06em; }
.post p { color: var(--muted); font-size: 15.5px; }
.post .more { font: 600 14px/1 var(--body); color: var(--accent); }

/* orgs */
.orgs { display: flex; flex-wrap: wrap; gap: 10px; }
.orgs li { padding: 12px 18px; border: 1px solid var(--line); border-radius: 999px; font: 500 13.5px/1 var(--mono); letter-spacing: .04em; background: var(--surface); color: var(--silver); }
.orgs li:first-child { border-color: var(--accent); color: var(--accent); }

/* CTA band */
.band { background: linear-gradient(135deg, var(--surface2), var(--surface)); border-block: 1px solid var(--line); }
.band-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 28px; align-items: center; }
.band-in .row { justify-content: flex-end; }
@media (max-width: 820px) { .band-in { grid-template-columns: minmax(0, 1fr); } .band-in .row { justify-content: flex-start; } }

/* club */
.dash { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 18px; }
@media (max-width: 900px) { .dash { grid-template-columns: minmax(0, 1fr); } }
.panel { padding: clamp(22px, 3vw, 34px); border-radius: 22px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 18px; align-content: start; min-width: 0; }
.panel h3 { font-size: 1.1rem; }
.big { font: 600 clamp(4rem, 11vw, 7rem)/.9 var(--display); color: var(--accent); letter-spacing: -0.04em; font-variant-numeric: tabular-nums; }
.countries { display: flex; flex-wrap: wrap; gap: 8px; }
.countries li { padding: 8px 14px; border-radius: 999px; background: var(--accent-soft); font: 500 13px/1 var(--mono); color: var(--ink); }
.countries li.more { background: transparent; border: 1px dashed var(--line); color: var(--muted); }
.bars { display: grid; gap: 20px; }
.bar { display: grid; gap: 8px; }
.bar-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.bar-top span { font-size: 15px; }
.bar-top b { font: 600 1.5rem/1 var(--display); color: var(--accent); font-variant-numeric: tabular-nums; }
.track { height: 10px; border-radius: 99px; background: var(--bg); border: 1px solid var(--line); overflow: hidden; }
.fill { height: 100%; border-radius: 99px; background: linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 55%, var(--silver))); transition: width 1s cubic-bezier(.2, .7, .2, 1); }
.why { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.why li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 4px 12px; padding: 26px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); align-items: start; }
.why .n { font: 600 1.8rem/1 var(--display); color: var(--accent); font-variant-numeric: tabular-nums; }
.why h3 { font-size: 1.1rem; }
@media (max-width: 760px) { .why { grid-template-columns: minmax(0, 1fr); } }
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; counter-reset: s; }
.steps li { position: relative; padding: 24px 22px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); display: grid; gap: 8px; align-content: start; counter-increment: s; }
.steps li::before { content: counter(s); width: 34px; height: 34px; border-radius: 50%; background: var(--accent); color: var(--accent-ink); display: grid; place-items: center; font: 700 14px/1 var(--mono); }
.steps li p { color: var(--muted); font-size: 14.5px; }
@media (max-width: 900px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .steps { grid-template-columns: minmax(0, 1fr); } }

/* wagora mockups */
.phone {
  width: 100%; max-width: 270px; margin-inline: auto; border-radius: 34px; padding: 10px; background: var(--bg);
  border: 1.5px solid var(--line); box-shadow: 0 24px 60px -30px rgba(0, 0, 0, .6);
}
.screen { border-radius: 26px; background: var(--surface); border: 1px solid var(--line); padding: 14px; display: grid; gap: 10px; min-height: 330px; align-content: start; overflow: hidden; }
.sc-top { display: flex; justify-content: space-between; align-items: center; font: 500 10px/1 var(--mono); letter-spacing: .1em; color: var(--muted); }
.sc-top i { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); display: inline-block; }
.post-m { padding: 12px; border-radius: 14px; background: var(--bg); border: 1px solid var(--line); display: grid; gap: 8px; }
.pm-h { display: flex; gap: 8px; align-items: center; }
.av { width: 28px; height: 28px; border-radius: 50%; background: var(--accent-soft); border: 1px solid var(--accent); flex: none; }
.ln { height: 7px; border-radius: 99px; background: var(--line); }
.ln.s { width: 55%; } .ln.m { width: 78%; } .ln.f { width: 100%; }
.pm-t { font-size: 12px; line-height: 1.4; color: var(--ink); }
.pill { display: inline-flex; padding: 4px 9px; border-radius: 99px; font: 500 10px/1 var(--mono); letter-spacing: .05em; border: 1px solid var(--line); color: var(--muted); }
.pill.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.pills { display: flex; flex-wrap: wrap; gap: 5px; }
.thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.thumbs i { aspect-ratio: 1; border-radius: 8px; background: linear-gradient(135deg, var(--surface2), var(--line)); display: block; }
.bubble { padding: 9px 11px; border-radius: 14px; font-size: 11.5px; line-height: 1.4; max-width: 86%; }
.bubble.in { background: var(--bg); border: 1px solid var(--line); }
.bubble.out { background: var(--accent); color: var(--accent-ink); justify-self: end; }
.shield { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: var(--accent-soft); font: 500 10px/1.3 var(--mono); letter-spacing: .04em; color: var(--ink); }
.shield svg { width: 14px; height: 14px; flex: none; color: var(--accent); }
.rtl { direction: rtl; text-align: right; font-size: 13px; }
.timer { font: 600 2.4rem/1 var(--display); color: var(--accent); text-align: center; font-variant-numeric: tabular-nums; }
.slot { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-radius: 10px; background: var(--bg); border: 1px solid var(--line); font: 500 11px/1 var(--mono); }
.slot.now { border-color: var(--accent); }
.slot em { font-style: normal; color: var(--accent); }
.feat-wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 860px) { .feat-wrap { grid-template-columns: minmax(0, 1fr); } }
.feat { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; padding: clamp(22px, 3vw, 32px); border-radius: 24px; background: var(--surface2); border: 1px solid var(--line); align-content: start; min-width: 0; }
.feat .txt { display: grid; gap: 10px; }
.feat .txt p { color: var(--muted); font-size: 15.5px; }
.note { font: 400 12px/1.5 var(--mono); color: var(--muted); }

/* contact */
.contact-split { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
@media (max-width: 860px) { .contact-split { grid-template-columns: minmax(0, 1fr); } }
.info { display: grid; gap: 0; border-top: 1px solid var(--line); }
.info > div { padding: 18px 0; border-bottom: 1px solid var(--line); display: grid; gap: 4px; min-width: 0; }
.info dt { font: 500 11px/1.4 var(--mono); letter-spacing:.04em; color: var(--accent); }
.info dd { font: 500 1.05rem/1.5 var(--body); overflow-wrap: anywhere; }
.info a { text-decoration: none; }
.info a:hover { color: var(--accent); }
.form { display: grid; gap: 16px; padding: clamp(22px, 3vw, 32px); border-radius: 22px; background: var(--surface); border: 1px solid var(--line); }
.field { display: grid; gap: 6px; }
.field label { font: 500 12px/1.4 var(--mono); letter-spacing: .08em; color: var(--muted); }
.field input, .field select, .field textarea {
  width: 100%; min-height: 50px; padding: 12px 14px; border-radius: 12px; border: 1.5px solid var(--line); background: var(--bg); color: var(--ink); font: 400 16px/1.4 var(--body);
}
.field textarea { min-height: 120px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.fgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 560px) { .fgrid { grid-template-columns: minmax(0, 1fr); } }
.social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.social a { padding: 10px 16px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; font: 500 14px/1 var(--body); background: var(--surface); }
.social a:hover { border-color: var(--accent); color: var(--accent); }
.draft { padding: 14px 18px; border-radius: 12px; border: 1px dashed var(--accent); color: var(--ink); background: var(--accent-soft); font-size: 14.5px; }

/* footer */
.foot { border-top: 1px solid var(--line); background: var(--bg2); padding-block: clamp(36px, 6vw, 64px); }
.foot-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: clamp(24px, 5vw, 56px); }
@media (max-width: 860px) { .foot-grid { grid-template-columns: minmax(0, 1fr); } }
.foot h4 { font: 500 11px/1.4 var(--mono); letter-spacing:.04em; color: var(--accent); margin-bottom: 12px; }
.foot p, .foot li { font-size: 14.5px; color: var(--muted); }
.foot ul { display: grid; gap: 8px; }
.foot a { text-decoration: none; }
.foot a:hover { color: var(--accent); }
.foot-bot { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; font: 400 12.5px/1.5 var(--mono); color: var(--muted); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { transition: none !important; } }

/* ---- modern professional restyle ---- */
h1, h2, h3, h4 { font-weight: 700; letter-spacing: -0.025em; }
h1 { font-weight: 800; letter-spacing: -0.04em; line-height: 1.02; }
h2 { font-weight: 800; letter-spacing: -0.03em; }
.hero h1 em { font-style: normal; font-weight: 800; color: var(--accent); }
.founder blockquote { font-style: normal; font-weight: 600; letter-spacing: -0.01em; }
.eyebrow { font-weight: 700; letter-spacing:.04em; }
.btn { border-radius: 12px; font-weight: 700; }
.btn-primary { background: var(--accent); color: var(--accent-ink); }
.btn-primary:hover { transform: translateY(-2px); }
.btn-line { background: var(--surface); }
.topbar { background: color-mix(in srgb, var(--bg) 88%, transparent); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.logo { display: inline-block; flex: none; width: 60px; height: 24px; background: var(--logo);
  -webkit-mask: var(--logo-img) center / contain no-repeat; mask: var(--logo-img) center / contain no-repeat; }
.brand { gap: 14px; }
.brand-t { padding-left: 14px; border-left: 1px solid var(--line); }
.brand-t b { font-family: var(--body); font-weight: 700; letter-spacing: -0.01em; font-size: 15px; }
.brand-t span { font-weight: 500; letter-spacing: .1em; font-size: 10px; }
.nav a.nl { border-radius: 10px; font-weight: 700; font-size: 13px; letter-spacing: .06em; }
.nav a.nl[aria-current="page"] { background: var(--accent-soft); color: var(--accent); }
.nav a.nl.hot { background: var(--accent); color: var(--accent-ink); }
.nav a.nl.hot[aria-current="page"] { background: var(--accent); color: var(--accent-ink); box-shadow: 0 0 0 3px var(--accent-soft); }
.theme-btn { border-radius: 10px; background: var(--surface); }
.hero { background: linear-gradient(180deg, var(--bg2), var(--bg)); }
.hero::before { content: ""; position: absolute; right: -4%; top: 50%; width: min(62vw, 700px); aspect-ratio: 2.54; transform: translateY(-50%);
  background: var(--accent); opacity: .07; -webkit-mask: var(--logo-img) center / contain no-repeat; mask: var(--logo-img) center / contain no-repeat; pointer-events: none; }
.gcard, .card, .post, .panel, .form, .steps li, .founder, .feat { border-radius: 18px; box-shadow: var(--shadow); }
.gcard:hover, .gcard:focus-visible { border-color: var(--accent); }
.gcard .tag { font-weight: 700; }
.gcard.feat { background: linear-gradient(150deg, var(--deep2), var(--deep)); color: var(--deep-ink); border-color: transparent; }
.gcard.feat h3 { color: #fff; }
.gcard.feat p { color: rgba(234,241,249,.78); }
.gcard.feat p b { color: #fff !important; }
.gcard.feat .tag, .gcard.feat .tag i { color: var(--sky); }
.gcard.feat .go { color: #fff; }
.gcard.feat::after { background: radial-gradient(closest-side, rgba(141,187,234,.22), transparent); }
.stat b, .big, .why .n, .bar-top b { font-weight: 800; letter-spacing: -0.03em; }
.fill { background: var(--accent); }
.countries li { background: var(--accent-soft); color: var(--accent); font-weight: 600; }
.countries li.more { color: var(--muted); }
.chip { border-radius: 10px; font-weight: 700; background: var(--surface); }
.chip[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.steps li::before { background: var(--accent); color: var(--accent-ink); border-radius: 10px; }
.tl-c { border-radius: 8px; }
.tl-item.feature .tl-c { border-color: var(--accent); color: var(--accent); }
.orgs li { border-radius: 10px; font-weight: 600; color: var(--ink); box-shadow: var(--shadow); }
.orgs li:first-child { border-color: var(--accent); color: var(--accent); }
.social a { border-radius: 10px; font-weight: 600; }
.pill.on { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.pillars b { font-weight: 700; }
.band { background: linear-gradient(135deg, var(--deep), var(--deep2)); color: var(--deep-ink); border: 0; }
.band h2 { color: #fff; }
.band .lead { color: rgba(234,241,249,.8); }
.band .btn-primary { background: #fff; color: var(--deep); }
.band .btn-line { background: transparent; border-color: rgba(255,255,255,.35); color: #fff; }
.band .btn-line:hover { border-color: #fff; color: #fff; }
.foot { background: var(--deep); color: var(--deep-ink); border-top: 0; }
.foot .logo { background: #fff; }
.foot .brand-t { border-left-color: rgba(255,255,255,.2); }
.foot .brand-t b { color: #fff; }
.foot .brand-t span, .foot p, .foot li { color: rgba(234,241,249,.72); }
.foot h4 { color: var(--sky); }
.foot a:hover { color: #fff; }
.foot-bot { border-top-color: rgba(255,255,255,.12); color: rgba(234,241,249,.6); }

/* ---- event pages (newspaper) ---- */
.paper { max-width: 1120px; }
.back { display: flex; width: fit-content; gap: 8px; font-weight: 700; font-size: 14px; text-decoration: none; color: var(--accent); margin-bottom: 26px; }
.back:hover { text-decoration: underline; }
.kicker { font-weight: 700; font-size: 12px; letter-spacing:.04em; color: var(--accent); padding-bottom: 12px; border-bottom: 3px solid var(--ink); display: inline-block; }
.p-title { font-family: "Source Serif 4", Georgia, "Times New Roman", serif; font-weight: 800; font-size: clamp(2.1rem, 5.2vw, 3.8rem); line-height: 1.06; letter-spacing: -0.02em; margin: 18px 0 16px; text-wrap: balance; max-width: 22ch; }
.p-deck { font-family: "Source Serif 4", Georgia, serif; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.5; color: var(--muted); max-width: 52ch; }
.byline { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 26px 0 34px; padding: 12px 0; border-block: 1px solid var(--line); font-size: 13px; font-weight: 600; color: var(--muted); letter-spacing: .04em; }
.byline b { color: var(--ink); letter-spacing: .1em; }
.p-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(28px, 5vw, 56px); align-items: start; }
@media (max-width: 960px) { .p-grid { grid-template-columns: minmax(0, 1fr); } }
.ph { position: relative; margin: 0 0 28px; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; background: linear-gradient(135deg, var(--surface2), var(--bg2)); border: 1px solid var(--line); }
.ph::after { content: ""; position: absolute; inset: 22%; background: var(--accent); opacity: .1; -webkit-mask: var(--logo-img) center / contain no-repeat; mask: var(--logo-img) center / contain no-repeat; }
.ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.ph figcaption { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 10px 14px; font-size: 12px; color: #fff; background: linear-gradient(transparent, rgba(0,0,0,.55)); }
.p-body p { font-family: "Source Serif 4", Georgia, serif; font-size: 1.14rem; line-height: 1.78; margin-bottom: 1.15em; max-width: 68ch; }
.p-body > p:first-child::first-letter { float: left; font-weight: 800; font-size: 4.1em; line-height: .8; padding: .06em .1em 0 0; color: var(--accent); }
.pull { margin: 2em 0; padding: 1.1em 0; border-block: 3px solid var(--ink); max-width: 68ch; }
.pull p { font-family: "Source Serif 4", Georgia, serif; font-weight: 700; font-size: clamp(1.4rem, 2.6vw, 1.9rem) !important; line-height: 1.3 !important; margin: 0 0 .5em !important; letter-spacing: -0.01em; }
.pull cite { font-style: normal; font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--accent); }
.p-side { display: grid; gap: 20px; align-content: start; min-width: 0; }
.facts { border-top: 4px solid var(--accent); background: var(--surface); border-bottom: 1px solid var(--line); border-inline: 1px solid var(--line); padding: 18px 18px 6px; }
.facts h4 { font-size: 12px; font-weight: 800; letter-spacing:.04em; margin-bottom: 8px; }
.facts dl { margin: 0; }
.facts dl > div { padding: 11px 0; border-top: 1px solid var(--line); display: grid; gap: 2px; }
.facts dt { font-size: 11px; font-weight: 700; letter-spacing: .1em; color: var(--muted); }
.facts dd { font-size: 15px; font-weight: 600; }
.vid { position: relative; display: grid; gap: 6px; align-content: end; min-height: 150px; padding: 18px; border-radius: 8px; text-decoration: none; color: #fff; background: linear-gradient(150deg, var(--deep2), var(--deep)); overflow: hidden; }
.vid svg { width: 44px; height: 44px; }
.vid b { font-size: 15px; }
.vid span { font-size: 12.5px; opacity: .8; }
.vid:hover { filter: brightness(1.12); }
.more-ev h4 { font-size: 12px; font-weight: 800; letter-spacing:.04em; margin-bottom: 8px; }
.more-ev a { display: block; padding: 10px 0; border-top: 1px solid var(--line); text-decoration: none; font-size: 14.5px; font-weight: 600; }
.more-ev a small { display: block; font-weight: 500; color: var(--muted); font-size: 12px; }
.more-ev a:hover { color: var(--accent); }
.gal { margin-top: clamp(36px, 6vw, 64px); }
.gal h2 { font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: 18px; }
.gal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; }
.g-tile { position: relative; aspect-ratio: 3 / 2; border-radius: 6px; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(135deg, var(--surface2), var(--bg2)); padding: 0; cursor: zoom-in; }
.g-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.g-tile:hover img { transform: scale(1.05); }
.p-cta { margin-top: clamp(36px, 6vw, 64px); padding: 26px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; box-shadow: var(--shadow); }
.p-cta p { font-weight: 700; font-size: 1.1rem; }
.lb { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: rgba(4, 10, 20, .9); padding: 20px; }
.lb[hidden] { display: none; }
.lb img { max-width: 94vw; max-height: 88vh; border-radius: 4px; }
.lb button { position: absolute; top: max(14px, env(safe-area-inset-top, 0px)); right: 16px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.4); background: transparent; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; }
.tl-m b::after { content: " →"; opacity: 0; transition: opacity .2s ease; }
a.tl-m:hover b::after { opacity: 1; }

/* ---- logo walls ---- */
.logos { display: grid; grid-template-columns: repeat(auto-fill, minmax(124px, 1fr)); gap: 12px; }
.logos.ana { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); }
.logos.gold { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.logos:empty { display: none; }
.logo-tile { margin: 0; position: relative; aspect-ratio: 3 / 2; display: grid; place-items: center; padding: 12px; background: #FFFFFF; border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); }
.logos.ana .logo-tile { aspect-ratio: 2 / 1; }
.logo-tile img { width: 100%; height: 100%; object-fit: contain; }
.logo-tile .lbl { display: none; font-weight: 700; font-size: 13px; color: #556780; }
.logo-tile.na img { display: none; }
.logo-tile.na .lbl { display: block; }
.logos:not(.keep) .logo-tile.na { display: none; }
.tier { margin-top: 30px; }
.tier:first-of-type { margin-top: 0; }
.tier h3 { font-size: 1.05rem; margin-bottom: 14px; }
.sp-cta { margin-top: 14px; padding: 18px 22px; border-radius: 12px; border: 1px dashed var(--line); display: flex; flex-wrap: wrap; gap: 12px 20px; justify-content: space-between; align-items: center; }
.sp-cta p { color: var(--muted); font-size: 15px; }
.bad { display: none !important; }

.logo-tile .wm { font-weight: 800; font-size: 13.5px; line-height: 1.25; letter-spacing: .01em; text-align: center; color: #0E2038; text-wrap: balance; }
.logos.ana .logo-tile .wm { font-size: 20px; }

.step-h { display: flex; align-items: center; gap: 12px; font-size: 1.3rem; margin-bottom: 16px; }
.step-h span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--accent); color: var(--accent-ink); font-size: 14px; font-weight: 800; }
.tcs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 760px) { .tcs { grid-template-columns: minmax(0, 1fr); } }
.tc { position: relative; display: block; cursor: pointer; }
.tc input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; cursor: pointer; margin: 0; }
.tc-b { display: grid; gap: 6px; height: 100%; padding: 22px; border-radius: 16px; background: var(--surface); border: 2px solid var(--line); box-shadow: var(--shadow); transition: border-color .2s ease, background-color .2s ease; }
.tc-b small { font-size: 12px; font-weight: 800; letter-spacing:.04em; color: var(--accent); }
.tc-b b { font-size: clamp(2rem, 4vw, 2.6rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
.tc-b span { font-size: 14px; color: var(--muted); line-height: 1.55; }
.tc:hover .tc-b { border-color: var(--accent); }
.tc input:checked + .tc-b { border-color: var(--accent); background: var(--accent-soft); }
.tc input:focus-visible + .tc-b { outline: 3px solid var(--accent); outline-offset: 3px; }
/* ---- CMS additions ---- */
.logo-tile a { display: grid; place-items: center; width: 100%; height: 100%; text-decoration: none; }
.logo-tile .wm { display: block; }
.logo-tile.has-img .wm { display: none; }
.logo-tile.has-img.na img { display: none; }
.logo-tile.has-img.na .wm { display: block; }
.logos:not(.keep) .logo-tile.na { display: grid; }
.logos.ana .logo-tile .wm { font-size: 20px; }
.video-list { display: grid; gap: 18px; margin: 8px 0 30px; }
.vframe { position: relative; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #000; max-width: 720px; }
.vframe.short { aspect-ratio: 9 / 16; max-width: 360px; }
.vframe iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.vlink { display: inline-flex; gap: 8px; font-weight: 700; color: var(--accent); }
.flash { padding: 14px 18px; border-radius: 12px; font-weight: 600; font-size: 15px; }
.flash.ok { background: var(--accent-soft); border: 1px solid var(--accent); color: var(--ink); }
.flash.err { background: rgba(200, 40, 40, .08); border: 1px solid #c82828; color: var(--ink); }
.hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.legal { max-width: 70ch; }
.legal p, .legal ul, .legal ol { margin-bottom: 1em; }
.legal ul, .legal ol { padding-left: 1.3em; list-style: revert; }
.legal h2, .legal h3 { margin: 1.4em 0 .5em; }
.legal a { color: var(--accent); }
.err404 { text-align: center; padding-block: 12vh; display: grid; gap: 18px; justify-items: center; }
.sp-note { margin-top: 10px; }
.btn[disabled] { opacity: .6; cursor: progress; }

/* ---- sosyal medya simgeleri ---- */
.soc { display: flex; flex-wrap: wrap; gap: 8px; }
.soc a { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); text-decoration: none; transition: color .18s, border-color .18s, transform .18s; }
.soc a:hover { color: var(--accent); border-color: var(--accent); transform: translateY(-2px); }
.soc svg { width: 20px; height: 20px; }
.soc-head { gap: 6px; margin-right: 6px; }
.soc-head a { width: 36px; height: 36px; border-color: transparent; background: transparent; color: var(--muted); }
@media (max-width: 1100px) { .soc-head { display: none; } }
.soc-contact { margin-top: 22px; }
.foot .soc a { background: transparent; border-color: rgba(255,255,255,.22); color: #fff; }
.foot .soc a:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,.1); }

.lead2{margin-top:14px;font-size:1rem;opacity:.85;max-width:62ch}
.gcard .go-main::before{content:"";position:absolute;inset:0;z-index:1}
.gcard .go-2{position:relative;z-index:2;text-decoration:none;margin-top:0;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.gcard .go-2:hover{text-decoration:underline}
.gcard .go{text-decoration:none}

/* avatar: sayfa başına tek görsel, üstte, arka plansız */
.hero-in.has-av{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(16px,4vw,56px);padding-bottom:0}
.hero-in.has-av .hero-txt{display:grid;gap:24px;align-self:center;padding-bottom:clamp(40px,7vw,80px);grid-column:1;grid-row:1}
.hero-avatar{grid-column:2;grid-row:1;display:block;height:clamp(300px,38vw,470px);width:auto;max-width:100%;object-fit:contain;object-position:bottom;position:relative;z-index:1;filter:drop-shadow(0 18px 28px rgba(15,35,64,.18))}
@media(max-width:760px){.hero-in.has-av{grid-template-columns:1fr}.hero-avatar{grid-column:1;grid-row:1;height:230px;justify-self:center;margin-top:-16px}.hero-in.has-av .hero-txt{grid-row:2;padding-bottom:36px}.hero-in.has-av{padding-top:28px}}
.hero-art .dot{display:none}

/* video hero */
.hero-txt{display:grid;gap:24px}
.hero.has-video{background:linear-gradient(150deg,#1B4673,#0F2A47);color:#fff;min-height:clamp(480px,74vh,740px);display:flex;align-items:center}
.hero.has-video .hero-in{width:100%;z-index:2}
.hero.has-video .hero-txt{max-width:min(600px,100%)}
.hero.has-video h1{font-size:clamp(2rem,4.3vw,3.6rem)}
.hero-video{position:absolute;inset:0;z-index:0;background:#1B4673 center/cover no-repeat;overflow:hidden}
.hero-video video{position:absolute;top:0;left:16%;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
.hero-video video.on{opacity:1}
.hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,70,115,.9) 0%,rgba(27,70,115,.62) 40%,rgba(27,70,115,.14) 72%),linear-gradient(0deg,rgba(15,42,71,.45),transparent 35%)}
.hero.has-video::before{z-index:1;background:#fff;opacity:.06}
.hero.has-video h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero.has-video h1 em{color:#6fb4ff}
.hero.has-video .lead{color:rgba(255,255,255,.92)}
.hero.has-video .lead2{color:rgba(255,255,255,.8);opacity:1;max-width:46ch}
.hero.has-video .eyebrow{color:#9cc9ff}
@media(max-width:760px){
 .hero.has-video{min-height:auto;display:block;background:#1B4673}
 .hero.has-video .hero-in{padding-block:min(78vw,300px) 40px}
 .hero-video{bottom:auto;height:min(92vw,360px)}
 .hero-video video{left:0;-webkit-mask-image:none;mask-image:none;object-position:50% 40%}
 .hero-video::after{background:linear-gradient(0deg,#1B4673 0%,rgba(27,70,115,.25) 45%,rgba(27,70,115,0) 100%)}
}
@media(prefers-reduced-motion:reduce){.hero-video video{display:none}}

/* aktif sayfa: dolu mavi */
.nav a.nl[aria-current="page"]{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 3px var(--accent-soft)}
.nav a.nl.hot:not([aria-current="page"]){background:transparent;color:inherit;box-shadow:none}
.tabbar a.hot:not([aria-current="page"]){color:var(--muted)}
.bigs{display:flex;flex-wrap:wrap;gap:8px clamp(24px,5vw,56px)}.bigs .big{font-size:clamp(3.4rem,8vw,5.6rem)}
.panel-wide{grid-column:1/-1}
.bars-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px clamp(24px,4vw,56px)}
.bar-note{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.insight{margin-top:6px;padding:20px 22px;border-radius:16px;background:var(--bg);border:1px solid var(--line);display:grid;gap:10px}
.insight h4{font-size:1rem;color:var(--accent)}
.insight p{color:var(--muted);font-size:15px}
@media(max-width:760px){.bars-2{grid-template-columns:1fr}}

/* kulüp hizmet kartları ve form sayfası */
a.card.svc{display:grid;gap:10px;align-content:start;text-decoration:none;color:inherit;transition:transform .25s ease,border-color .25s ease}
a.card.svc:hover{transform:translateY(-4px);border-color:var(--accent)}
.svc-btn{margin-top:6px;display:inline-flex;align-items:center;gap:10px;font:700 12.5px/1.3 var(--body);letter-spacing:.05em;color:var(--accent)}
.svc-btn svg{width:18px;height:18px;flex:none}
.svc-body{max-width:68ch}
.callout{margin:22px 0;padding:18px 22px;border-radius:16px;border:1px solid var(--accent);background:var(--accent-soft);display:grid;gap:6px}
.callout b{color:var(--accent);letter-spacing:.02em}
.callout p{font-size:15px;color:var(--ink)}
.gform{margin-top:26px;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.gform iframe{display:block;width:100%;border:0;min-height:600px}
.hero .lead.slogan{font-weight:700;color:var(--accent);font-size:1.05rem;max-width:52ch}
.hero.has-video .lead.slogan{color:#9cc9ff}

/* küçük ekranlarda da üst menü görünsün (alt sekme çubuğu yerine) */
@media (max-width: 860px) {
  .nav { display: flex !important; gap: 2px; }
  .nav a.nl { white-space: nowrap; flex: none; padding: 8px 10px; font-size: 12.5px; }
  .tabbar { display: none !important; }
  body { padding-bottom: 0 !important; }
}
/* telefonda logo yanına sığmaz: menü ikinci satıra iner */
@media (max-width: 960px) {
  .topbar-in { flex-wrap: wrap; row-gap: 0; min-height: 0; padding-block: 8px 2px; }
  .topbar-in > div { display: contents !important; }
  .topbar-in .theme-btn { order: 2; margin-left: auto; }
  .nav { order: 3; flex: 0 0 100%; min-width: 0; overflow-x: auto; gap: 0; justify-content: space-between; padding: 4px 0 8px; scrollbar-width: none; }
  .nav::-webkit-scrollbar { display: none; }
  .nav a.nl { padding: 8px 6px; font-size: 11.5px; letter-spacing: 0; }
}

.insight.synergy{margin-top:16px}

.net{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.net li{padding:12px 14px;border-radius:14px;background:var(--accent-soft);display:grid;gap:4px;align-content:start;min-width:0}
.net-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.net-top b{font-weight:600}.net-top i{font-style:normal;font:600 13px/1 var(--mono);color:var(--accent)}
.net-c{font-size:.85rem;color:var(--muted);overflow-wrap:anywhere}

.more-d{display:grid;gap:14px}
.more-d>summary{list-style:none;cursor:pointer;justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:14px;user-select:none}
.more-d>summary::-webkit-details-marker{display:none}
.more-d>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.more-d[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
.more-d>summary:hover{background:var(--accent-soft)}
.more-d[open]>summary{margin-bottom:14px}
.notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px 28px}
.notes dt{font-weight:600;margin-bottom:2px}
.notes dd{font-size:.88rem;color:var(--muted);line-height:1.55}

.panel .upd{margin-top:-10px;font:600 12px/1 var(--mono);letter-spacing:.06em;color:var(--accent)}

.card.round{display:grid;gap:12px;margin-bottom:18px;max-width:none}.card.round p{max-width:78ch}

.cta-band{text-align:center}.cta-band .wrap{display:grid;gap:22px;justify-items:center}.cta-band .slogan{font:600 clamp(1.3rem,3vw,1.9rem)/1.3 var(--display);max-width:30ch;margin:0}.cta-band .row{justify-content:center}

.acc{padding:0;margin-bottom:14px;max-width:none}
.acc>summary{list-style:none;cursor:pointer;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:22px clamp(20px,3vw,30px)}
.acc>summary::-webkit-details-marker{display:none}
.acc-main{display:grid;gap:8px;min-width:0}
.acc-main h3{margin:0}
.acc-teaser{margin:0;color:var(--muted);max-width:70ch}
.acc-btn{flex:none;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:13.5px;white-space:nowrap}
.acc-btn::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.acc[open] .acc-btn::after{transform:rotate(-135deg) translateY(-2px)}
.acc>summary:hover .acc-btn{background:var(--accent-soft)}
.acc .t-open{display:none}.acc[open] .t-open{display:inline}.acc[open] .t-closed{display:none}
.acc-body{padding:0 clamp(20px,3vw,30px) 24px;display:grid;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin:0 clamp(20px,3vw,30px);padding-inline:0}
.acc-body p{max-width:74ch}
.svc-stack{display:grid;gap:14px}
@media(max-width:640px){.acc>summary{flex-direction:column;align-items:flex-start}}

.acc-body .svc-btn{justify-self:start}

.acc-body ul{display:grid;gap:10px;padding-left:1.2em;list-style:disc;max-width:74ch}

.acc-body ol{display:grid;gap:10px;padding-left:1.4em;list-style:decimal;max-width:74ch}

/* ikonlar */
.ic{width:1.15em;height:1.15em;flex:none}
.ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent);flex:none}
.ico .ic{width:24px;height:24px}
.acc>summary{align-items:center}
.acc>summary>.ico{align-self:flex-start;margin-top:2px}
.acc-main{flex:1}
.bigs>div>.ico{margin-bottom:10px}
.bar-top .lab{display:inline-flex;align-items:center;gap:9px}
.bar-top .lab .ic{width:18px;height:18px;color:var(--accent)}
.gcard>.ico{margin-bottom:6px}
.gcard.feat>.ico{background:rgba(255,255,255,.14);color:#fff}
.g3>.card>.ico{margin-bottom:12px}
@media(max-width:640px){.acc>summary{flex-direction:column;align-items:flex-start}}

/* ---- club: exclusive accordions ---- */
.sec-list{display:grid;gap:14px;max-width:960px;margin:0 auto}
.sec-acc{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.sec-acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 20px}
.sec-acc>summary::-webkit-details-marker{display:none}
.sec-acc>summary>.ico{flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);color:var(--accent)}
.sec-acc>summary>.ico svg{width:28px;height:28px}
.sec-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sec-t h2{margin:0;font-size:clamp(1.3rem,3.4vw,1.8rem);line-height:1.2}
.sec-upd{font-size:.78rem;opacity:.65}
.sec-chev{flex:none;width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-right:6px;opacity:.7}
.sec-acc[open]>summary .sec-chev{transform:rotate(-135deg)}
.sec-acc[open]>summary{border-bottom:1px solid var(--line)}
.sec-body{padding:20px}
.sec-body .panel{box-shadow:none;border:0;padding:0;background:none}
.sec-acc,.card.acc{scroll-margin-top:96px}
.field .req{color:#c0392b;font-weight:700}
/* ---- ana sayfa kartları: açık, modern ---- */
.gcard.feat{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 14px 34px -18px rgba(14,32,56,.28);position:relative;overflow:hidden;padding-top:30px}
.gcard.feat::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--accent),var(--sky,#8dbbea))}
.gcard.feat::after{background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 14%,transparent),transparent)}
.gcard.feat h3{color:var(--ink)}
.gcard.feat p{color:var(--muted)}
.gcard.feat p b{color:var(--ink) !important}
.gcard.feat .tag,.gcard.feat .tag i{color:var(--accent)}
.gcard.feat>.ico{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);width:56px;height:56px;border-radius:16px}
.gcard.feat>.ico svg{width:28px;height:28px}
.gcard.feat .go{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));padding:11px 18px;border-radius:999px;align-self:flex-start;transition:background .2s,color .2s}
.gcard.feat:hover .go,.gcard.feat .go:hover{background:var(--accent);color:#fff}
.gcard.feat .go-2{background:none;padding:10px 0 0;border-radius:0;color:var(--accent)}
.gcard.feat .go-2:hover{background:none;color:var(--accent)}
.gcard.feat:hover{box-shadow:0 22px 44px -18px rgba(14,32,56,.35)}
.gcard.feat .go{width:fit-content;justify-self:start}
.gcard.feat .go-2{width:auto}
/* ---- kart görselleri ---- */
.gcard.feat{padding-top:0}
.gcard.feat::before{display:none}
.gcard .gimg{display:block;margin:0 calc(-1*clamp(22px,3vw,32px)) 4px;height:190px;overflow:hidden;position:relative;z-index:0}
.gcard .gimg svg,.gcard .gimg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.gcard:hover .gimg svg,.gcard:hover .gimg img{transform:scale(1.06)}
.gcard.feat>.ico{margin-top:-42px;position:relative;z-index:1;background:var(--surface);box-shadow:0 8px 20px -8px rgba(14,32,56,.35);color:var(--accent)}
.offer-intro{display:grid;gap:10px;margin-bottom:22px}
.offer-intro .lead{margin:0;max-width:70ch}
.offer-intro h3{margin:10px 0 0;font-size:clamp(1.15rem,2.4vw,1.45rem)}
.offer-intro .muted{margin:0}
.offer-outro{margin:24px 0 0;padding:16px 18px;border-left:4px solid var(--accent);background:var(--surface2);border-radius:0 12px 12px 0;font-weight:600}
.g2>.card>.ico{margin-bottom:12px}
/* ---- sponsor logoları: beyaz zemin, ortalı, aynı boyut ---- */
.tier .logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.tier .logo-tile{aspect-ratio:auto;background:#fff;display:grid;place-items:center;padding:14px}
.tier .logo-tile img{width:100%;height:100%;object-fit:contain;object-position:center}
.tier .logos.gold .logo-tile{width:200px;height:100px}
.tier .logos.ana .logo-tile{width:260px;height:130px}
.tier .logos.resmi .logo-tile{width:340px;height:170px}
.tier .logos.resmi .logo-tile .wm{font-size:24px}
.tier .logos.ana .logo-tile .wm{font-size:20px}
.tier h3{text-align:center}
@media (max-width:560px){.tier .logos.gold .logo-tile{width:calc(50% - 7px);height:90px}.tier .logos.ana .logo-tile{width:min(100%,260px)}.tier .logos.resmi .logo-tile{width:min(100%,320px);height:150px}}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gallery figure{margin:0;border-radius:14px;overflow:hidden;background:var(--surface2);border:1px solid var(--line)}
.gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}
.gallery a:hover img{transform:scale(1.04)}
.gallery figcaption{padding:10px 12px;font-size:.88rem;color:var(--muted)}
.sec-acc>.sec-sum{display:flex;align-items:center;gap:14px;padding:18px 20px}
.sec-acc>.sec-sum>.ico{flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:var(--surface2);color:var(--accent)}
.sec-acc>.sec-sum>.ico svg{width:28px;height:28px}
.sec-acc.sec-off{opacity:.62;cursor:default;user-select:none}
@media (max-width:760px){.nav{justify-content:space-between}.nav a.nl{padding:8px 4px;font-size:10.5px;letter-spacing:0}}
@media (max-width:480px){.nav{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;padding:2px 0 8px}.nav a.nl{text-align:center;padding:9px 4px;font-size:11px;white-space:nowrap}}
@media (min-width:861px){.nav a.nl{white-space:nowrap;padding:8px 10px;letter-spacing:.04em}.soc-head{flex-wrap:nowrap}.brand small,.brand .sub{white-space:nowrap}}
@media (min-width:861px) and (max-width:1180px){.soc-head{display:none}}

/* ===== Instagram paylaşımları ===== */
.tabbar-in{grid-template-columns:repeat(6,minmax(0,1fr))}
.ig-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ig-grid li{margin:0}
.ig-tile{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--surface);cursor:pointer}
.ig-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .2s}
.ig-tile:hover img,.ig-tile:focus-visible img{transform:scale(1.05);filter:brightness(.8)}
.ig-tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.ig-badge{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.ig-badge svg{width:15px;height:15px}
.ig-follow{margin:30px 0 0;text-align:center}
.ig-empty{margin:28px auto 0;max-width:560px;text-align:center;padding:36px 24px;border:1px dashed var(--line);border-radius:18px;background:var(--surface);color:var(--muted)}
.ig-empty svg{width:34px;height:34px;color:var(--accent);margin-bottom:8px}
.ig-lb{position:fixed;inset:0;z-index:100;background:rgba(6,12,22,.88);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}
.ig-lb[hidden]{display:none}
.ig-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);width:min(1040px,100%);max-height:min(88vh,760px);background:var(--bg);color:var(--ink);border-radius:16px;overflow:hidden}
.ig-media{position:relative;background:#000;min-height:0;display:flex;align-items:center;justify-content:center}
.ig-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.ig-stage img,.ig-stage video{max-width:100%;max-height:min(88vh,760px);width:100%;height:100%;object-fit:contain;display:block}
.ig-side{display:flex;flex-direction:column;min-height:0;min-width:0}
.ig-who{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.ig-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.ig-av svg{width:18px;height:18px}
.ig-cap{flex:1;overflow:auto;padding:16px 18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.6}
.ig-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.ig-open{font-weight:700;color:var(--accent);text-decoration:none}
.ig-x,.ig-nav,.ig-sl{position:absolute;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.14);width:42px;height:42px;border-radius:50%;font-size:26px;line-height:1;display:grid;place-items:center}
.ig-x:hover,.ig-nav:hover,.ig-sl:hover{background:rgba(255,255,255,.28)}
.ig-x{top:max(14px,env(safe-area-inset-top));right:14px;z-index:3;font-size:28px}
.ig-nav{top:50%;transform:translateY(-50%);z-index:2}
.ig-prev{left:12px}.ig-next{right:12px}
.ig-sl{top:50%;transform:translateY(-50%);width:34px;height:34px;font-size:22px;background:rgba(0,0,0,.45)}
.ig-sl-p{left:10px}.ig-sl-n{right:10px}
.ig-dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:6px;justify-content:center}
.ig-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45)}
.ig-dots i.on{background:#fff}
body.ig-open-lb{overflow:hidden}
@media (max-width:860px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ig-nav{display:none}}
@media (max-width:760px){
  .ig-card{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);max-height:92vh;overflow:auto}
  .ig-stage img,.ig-stage video{max-height:56vh}
  .ig-cap{overflow:visible;padding:14px 16px}
  .ig-side{min-height:auto}
}
@media (max-width:420px){.ig-grid{gap:4px}.ig-tile{border-radius:8px}}
.ig-card{height:min(88vh,720px)}
.ig-media{height:100%}
.ig-av{width:34px;height:34px;flex:none;overflow:hidden}
.ig-av .ico,.ig-av svg{width:18px;height:18px;display:block}
.ig-empty .ico,.ig-empty svg{width:34px;height:34px}
@media (max-width:760px){
  .ig-card{height:auto;max-height:92vh}
  .ig-media{height:auto;aspect-ratio:1/1;max-height:58vh}
  .ig-stage{position:absolute;inset:0}
}
.ig-av .ico{width:34px;height:34px;border-radius:50%}
.ig-av .ico svg,.ig-av svg{width:18px;height:18px}
.ig-empty .ico{width:56px;height:56px;margin-bottom:10px}
.ig-empty .ico svg{width:26px;height:26px;margin:0}
.ig-av .ico svg{margin:0;display:block}
.ig-all{margin:34px auto 0;text-align:center;color:var(--muted)}
.ig-all p{margin:0 0 12px}
.ig-all .soc{justify-content:center;display:flex;gap:10px}
/* dar masaüstü: 7 menü başlığı logoyla çakışmasın */
@media (min-width:961px) and (max-width:1100px){.nav a.nl{padding:8px 6px;font-size:12px;letter-spacing:.02em}.nav{gap:0}.brand-t span{display:none}}

/* 5 rakamlı istatistik şeridi */
.stats:has(.stat:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))}
.stats:has(.stat:nth-child(5)) .stat{padding-right:12px}
.stats:has(.stat:nth-child(5)) .stat + .stat{padding-left:18px}
@media (max-width:860px){.stats:has(.stat:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr))}.stats:has(.stat:nth-child(5)) .stat,.stats:has(.stat:nth-child(5)) .stat + .stat{padding:24px 14px 24px 0;border-left:0}.stats:has(.stat:nth-child(5)) .stat + .stat:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.stats:has(.stat:nth-child(5)) .stat:nth-child(n+3){border-top:1px solid var(--line)}.stats:has(.stat:nth-child(5)) .stat:nth-child(5):last-child{grid-column:1/-1}}
.stats:has(.stat:nth-child(6)){grid-template-columns:repeat(6,minmax(0,1fr))}
.stats:has(.stat:nth-child(6)) .stat{padding-right:8px}.stats:has(.stat:nth-child(6)) .stat + .stat{padding-left:14px}
.stats:has(.stat:nth-child(6)) .stat b{font-size:clamp(1.9rem,3.4vw,3rem)}
@media (max-width:1020px){.stats:has(.stat:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr))}.stats:has(.stat:nth-child(6)) .stat,.stats:has(.stat:nth-child(6)) .stat + .stat{padding:24px 14px 24px 0;border-left:0}.stats:has(.stat:nth-child(6)) .stat + .stat:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.stats:has(.stat:nth-child(6)) .stat:nth-child(n+3){border-top:1px solid var(--line)}}

/* WA Global Connect */
.gc-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,36px);border-radius:20px;background:var(--surface);border:1px solid var(--line)}
.gc-band h2{margin:4px 0 8px;font-size:clamp(1.4rem,3vw,2rem)}
.gc-band p{margin:0;max-width:62ch;color:var(--muted)}
.gc-band .gc-tr{margin-top:8px;font-size:14px;opacity:.85}
.gc-band .btn{flex:none}
@media (max-width:760px){.gc-band{flex-direction:column;align-items:flex-start}}
.gc-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;align-content:start}
.gc-steps li{display:flex;gap:14px;align-items:flex-start}
.gc-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:800}
.gc-steps b{display:block;margin-bottom:2px}
.gc-steps span:not(.gc-n){color:var(--muted)}
.gate-wide{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.gate-wide{grid-template-columns:minmax(0,1fr)}}
.gcard.wide .gimg{height:150px}
.gcard.wide p{max-width:74ch}
.gc-stack .gc-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.gc-stack .gform{max-width:860px;margin-inline:auto}
@media (max-width:760px){.gc-stack .gc-steps{grid-template-columns:minmax(0,1fr)}}

.soc-hero{margin-top:4px}.soc-hero a{width:44px;height:44px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(4px)}.soc-hero a:hover{background:#fff;color:#0F2A47;border-color:#fff}

@media (max-width:480px){.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.nav a.nl.gc-nl{grid-column:span 2}}
@media (min-width:961px) and (max-width:1180px){.brand-t{display:none}.nav a.nl{padding:8px 7px;font-size:12px}}

/* === açılır menü (3 çizgi) === */
.topbar .nav{display:none !important}
.topbar-in{flex-wrap:nowrap !important;min-height:66px !important;padding-block:0 !important;gap:12px}
.topbar-in > .tb-r{display:flex !important;align-items:center;gap:8px;margin-left:auto;order:0}
.topbar-in .theme-btn{order:0;margin-left:0}
.soc-head{display:flex !important;flex-wrap:nowrap;gap:2px;margin-right:4px}
.soc-head a{width:36px;height:36px}
.burger{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-content:center;gap:5px;padding:0;color:var(--ink)}
.burger span{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s}
.burger:hover{border-color:var(--accent);color:var(--accent)}
.drawer-bg{position:fixed;inset:0;background:rgba(8,18,32,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:90}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(360px,88vw);background:var(--bg);color:var(--ink);z-index:100;transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s;display:flex;flex-direction:column;gap:6px;padding:calc(14px + env(safe-area-inset-top,0px)) 18px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:-12px 0 40px rgba(0,0,0,.22);overflow-y:auto;border-left:1px solid var(--line)}
body.menu-open{overflow:hidden}
body.menu-open .drawer{transform:none;visibility:visible}
body.menu-open .drawer-bg{opacity:1;visibility:visible}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.drawer-top b{font:700 14px/1.2 var(--body);color:var(--muted)}
.drawer-x{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;font-size:22px;line-height:1}
.dnav{display:grid;gap:2px}
.dnav a,.dnav .soon{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:12px;font:600 16px/1.3 var(--body);color:var(--ink);text-decoration:none}
.dnav a:hover{background:var(--surface);color:var(--accent)}
.dnav a[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.dnav .soon{color:var(--muted);cursor:default}
.dnav .soon small{font:500 11px/1 var(--body);border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);white-space:nowrap}
.drawer-soc{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.drawer-soc .soc{display:flex}
@media (min-width:641px){.drawer-soc{display:none}}
@media (prefers-reduced-motion:reduce){.drawer,.drawer-bg,.burger span{transition:none}}

/* === başlık: ikonlar + slogan her ekranda === */
.topbar .brand-t,.topbar .brand-t span{display:grid !important}
.topbar .brand-t span{display:block !important}
.topbar .brand-t b{white-space:nowrap}
.soc-head{display:flex !important}
@media (max-width:640px){
  .topbar-in{gap:8px}
  .topbar .brand-t{padding-left:10px}
  .topbar .brand-t b{font-size:13px}
  .topbar .brand-t span{font-size:9px;letter-spacing:.02em;white-space:nowrap}
  .topbar .logo{width:44px;height:18px}
  .tb-r{gap:4px}
  .soc-head{margin-right:0;gap:0}
  .soc-head a{width:28px;height:28px}
  .soc-head svg{width:17px;height:17px}
  .theme-btn{width:36px;height:36px}
  .burger{width:38px;height:38px}
}
@media (max-width:420px){.topbar .brand-t b{font-size:12px}.topbar .brand-t span{font-size:8.5px}.topbar .brand-t{padding-left:8px}}

/* === dar ekran: ikonlar ikinci satırda, kaydırınca gizlenir === */
@media (max-width:560px){
  .topbar-in{flex-wrap:wrap !important;row-gap:0;padding-block:8px 0 !important}
  .topbar-in > .tb-r{display:contents !important}
  .topbar-in .theme-btn{order:1;margin-left:auto}
  .topbar-in .burger{order:2}
  .topbar-in .soc-head{order:3;flex:0 0 100%;justify-content:flex-start;gap:6px;max-height:44px;overflow:hidden;padding:6px 0 8px;transition:max-height .25s,padding .25s,opacity .2s}
  .soc-head a{width:34px;height:34px}
  .soc-head svg{width:19px;height:19px}
  .topbar.scrolled .soc-head{max-height:0;padding-block:0;opacity:0}
  .theme-btn{width:38px;height:38px}
  .topbar .brand-t b{font-size:14px}
  .topbar .brand-t span{font-size:10px}
  .topbar .logo{width:52px;height:21px}
}

@media (max-width:360px){.topbar .logo{width:40px;height:16px}.topbar .brand-t{padding-left:8px}.topbar .brand-t b{font-size:12.5px}.topbar .brand-t span{font-size:9px;letter-spacing:0}.topbar-in{gap:6px}.theme-btn,.burger{width:34px;height:34px}}

@media (max-width:340px){.topbar .logo{width:34px;height:14px}.topbar .brand-t{padding-left:6px}.topbar .brand-t b{font-size:12px}.topbar .brand-t span{font-size:8px}.topbar-in{gap:4px}.theme-btn,.burger{width:32px;height:32px}}

/* ===== Üyelerimizden Haberler (gazete) ===== */
.nw-mast { text-align: center; border-top: 4px double var(--ink); border-bottom: 1px solid var(--ink); padding: 14px 0 18px; margin-bottom: 26px; }
.nw-top { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--muted); border-bottom: 1px solid var(--line); padding-bottom: 8px; margin-bottom: 14px; }
.nw-mast h1 { font-family: "Source Serif 4", Georgia, "Times New Roman", serif; font-weight: 800; font-size: clamp(2.1rem, 7vw, 4.2rem); line-height: 1.05; letter-spacing: -.01em; text-wrap: balance; }
.nw-tag { margin-top: 8px; color: var(--muted); font-style: italic; font-family: Georgia, serif; }
.nw-front { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 36px); align-items: start; }
.nw-lead a, .nw-card { display: block; text-decoration: none; color: inherit; min-width: 0; }
.nw-flag { display: inline-block; background: var(--accent); color: var(--accent-ink); font-size: 12px; font-weight: 800; letter-spacing: .1em; padding: 4px 10px; border-radius: 3px; margin-bottom: 12px; }
.nw-img { display: block; aspect-ratio: 16 / 10; background: var(--surface); border-radius: 6px; overflow: hidden; margin-bottom: 12px; }
.nw-img.big { aspect-ratio: 16 / 9; }
.nw-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nw-img:empty { display: none; }
.nw-k { display: block; font-size: 12px; font-weight: 800; letter-spacing: .08em; color: var(--accent); margin-bottom: 4px; }
.nw-lead h2 { font-family: "Source Serif 4", Georgia, serif; font-size: clamp(1.7rem, 4vw, 2.7rem); line-height: 1.12; text-wrap: balance; }
.nw-lead a:hover h2, .nw-card:hover strong { color: var(--accent); }
.nw-deck { display: block; color: var(--muted); margin-top: 8px; line-height: 1.5; }
.nw-lead .nw-deck { font-size: 1.1rem; }
.nw-d { display: block; margin-top: 8px; font-size: 12.5px; color: var(--muted); font-weight: 600; }
.nw-kose { border-left: 1px solid var(--line); padding-left: clamp(16px, 2.5vw, 28px); min-width: 0; }
.nw-kose h3 { font-size: 12px; font-weight: 800; letter-spacing: .1em; border-bottom: 2px solid var(--ink); padding-bottom: 8px; margin-bottom: 14px; }
.nw-col { display: flex; gap: 12px; align-items: center; margin-bottom: 10px; }
.nw-col img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: none; }
.nw-col b { display: block; font-family: Georgia, serif; font-size: 1.05rem; }
.nw-col small { color: var(--muted); font-weight: 600; }
.nw-bio { font-size: 14px; color: var(--muted); line-height: 1.5; margin-bottom: 8px; }
.nw-kose > a { display: block; padding: 11px 0; border-top: 1px solid var(--line); text-decoration: none; font-family: Georgia, serif; font-weight: 700; line-height: 1.3; }
.nw-kose > a small { display: block; font: 600 12px/1.4 var(--body); color: var(--muted); margin-top: 2px; }
.nw-kose > a:hover { color: var(--accent); }
.nw-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.5vw, 28px); margin-top: clamp(26px, 4vw, 40px); padding-top: 22px; border-top: 1px solid var(--line); }
.nw-card strong { display: block; font-family: "Source Serif 4", Georgia, serif; font-size: 1.2rem; line-height: 1.25; text-wrap: balance; }
.nw-h { font-size: 12px; font-weight: 800; letter-spacing: .1em; border-bottom: 2px solid var(--ink); padding-bottom: 8px; margin: clamp(30px, 5vw, 48px) 0 6px; }
.nw-list .nw-card.row { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 4px 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.nw-list .nw-card.row .nw-img { grid-row: 1 / span 5; margin: 0; }
.nw-list .nw-card.row .nw-img:empty { display: none; }
.nw-pager { display: flex; justify-content: space-between; gap: 12px; margin-top: 24px; font-weight: 700; }
.nw-pager a { text-decoration: none; color: var(--accent); }
@media (max-width: 820px) {
  .nw-front { grid-template-columns: 1fr; }
  .nw-kose { border-left: 0; padding-left: 0; border-top: 1px solid var(--line); padding-top: 16px; }
  .nw-trio { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .nw-list .nw-card.row { grid-template-columns: 96px minmax(0, 1fr); gap: 4px 12px; }
}

/* --- gazete: etiketli satırlar, sayfalama, sponsor şeridi, öne çıkanlar, kategoriler --- */
.nw-mast.slim h1 { font-size: clamp(1.8rem, 5vw, 3rem); }
.nw-cats { display: flex; flex-wrap: wrap; gap: 8px; margin: -8px 0 22px; }
.nw-cats a { padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; font-size: 13.5px; font-weight: 700; background: var(--surface); }
.nw-cats a:hover { border-color: var(--accent); color: var(--accent); }
.nw-cats a[aria-current] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.nw-spons { margin: 0 0 26px; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.nw-sp-t { font-size: 11px; font-weight: 800; letter-spacing: .1em; color: var(--muted); margin-bottom: 10px; }
.nw-sp-row { display: flex; flex-wrap: wrap; gap: 10px; }
.nw-sp-row .logo-tile { width: 112px; aspect-ratio: 3 / 2; padding: 8px; border-radius: 8px; box-shadow: none; }
.nw-sp-row .logo-tile .wm { font-size: 11px; text-align: center; line-height: 1.2; font-weight: 700; color: #556780; }
.nw-sp-row .logo-tile.has-img .wm { display: none; }
.nw-side { min-width: 0; display: grid; gap: 26px; }
.nw-picks { background: var(--surface); border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 8px; padding: 14px 16px; }
.nw-picks h3 { font-size: 12px; font-weight: 800; letter-spacing: .1em; margin-bottom: 8px; }
.nw-picks a { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 9px 0; border-top: 1px solid var(--line); text-decoration: none; font-family: Georgia, serif; font-weight: 700; line-height: 1.3; }
.nw-picks a b { color: var(--accent); font-family: var(--display); }
.nw-picks a:hover span { color: var(--accent); }
.p-side .nw-picks { margin-bottom: 18px; }
.nw-line { display: flex; gap: 14px; align-items: flex-start; padding: 13px 0; border-bottom: 1px solid var(--line); text-decoration: none; color: inherit; }
.nw-th { flex: none; width: 96px; aspect-ratio: 4 / 3; border-radius: 6px; overflow: hidden; background: var(--surface); }
.nw-th img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nw-lt { min-width: 0; }
.nw-lt strong { display: block; font-family: "Source Serif 4", Georgia, serif; font-size: 1.12rem; line-height: 1.3; }
.nw-line:hover strong { color: var(--accent); }
.nw-cat { display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; color: var(--accent); margin-bottom: 2px; }
.nw-cat.kose { color: var(--muted); }
.nw-pages { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 24px; }
.nw-pages a, .nw-pages span { min-width: 38px; height: 38px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 8px; text-decoration: none; font-weight: 700; background: var(--surface); }
.nw-pages span[aria-current] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.nw-pages .gap { border: 0; background: none; min-width: 20px; padding: 0; }
.nw-pages .all { margin-left: auto; color: var(--accent); }
.byline a { color: var(--accent); font-weight: 700; text-decoration: none; }
@media (max-width: 820px) { .nw-side .nw-kose { border-top: 0; padding-top: 0; } }
@media (max-width: 560px) { .nw-th { width: 80px; } .nw-sp-row .logo-tile { width: 96px; } }
.nw-sp-row { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; scroll-snap-type: x proximity; }
.nw-sp-row .logo-tile { flex: none; width: 104px; scroll-snap-align: start; }

.lang-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; min-width: 44px; padding: 0 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--ink); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-decoration: none; }
.lang-btn:hover { border-color: var(--accent); color: var(--accent); }

@media (max-width: 560px) {
  .topbar-in .soc-head { flex: 0 0 auto !important; min-width: 0; }
  .topbar-in .lang-btn { order: 4; height: 34px; min-width: 40px; margin: 4px 0 6px; font-size: 12px; }
  .topbar.scrolled .lang-btn { display: none; }
}
.drawer-lang { display: inline-flex; align-items: center; justify-content: center; margin: 0 0 14px; height: 40px; padding: 0 16px; border: 1px solid var(--line); border-radius: 12px; font-weight: 800; text-decoration: none; color: var(--ink); }
.drawer-lang:hover { border-color: var(--accent); color: var(--accent); }

/* Sponsorluk şartları (paket kartları) */
.sp-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.sp-terms { margin-top: 22px; padding: 30px 24px; border-radius: 18px; background: var(--surface2); border: 1px solid var(--line); }
.sp-terms[hidden] { display: none; }
.sp-terms h2 { font-size: clamp(1.5rem, 3.4vw, 2.1rem); margin-bottom: 8px; text-wrap: balance; }
.sp-terms .lead { color: var(--muted); max-width: 70ch; }
.sp-facts { display: grid; gap: 12px 28px; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin: 18px 0 28px; }
.sp-facts dt { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); margin-bottom: 4px; }
.sp-facts dd { margin: 0; font-size: 15px; line-height: 1.55; }
.pk-grid { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: start; }
.pk { --c1: #1B4673; --c2: #3F78B5; --hi: #fff; --hd: #fff; --tick: var(--accent);
  position: relative; min-width: 0; display: flex; flex-direction: column; border-radius: 18px; background: var(--surface); border: 1px solid var(--line); overflow: hidden;
  box-shadow: 0 10px 30px rgba(14, 32, 56, .10); transition: transform .25s ease, box-shadow .25s ease; }
.pk:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(14, 32, 56, .20); }
.pk-head { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 8px; padding: 26px 24px 22px; color: var(--hi);
  background: radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.22), transparent 55%), linear-gradient(145deg, var(--c1), var(--c2)); }
.pk-head::after { content: ""; position: absolute; right: -40px; bottom: -50px; width: 170px; height: 170px; border-radius: 50%; border: 22px solid rgba(255,255,255,.10); pointer-events: none; }
.pk-ico { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(255,255,255,.2); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
.pk-ico svg { width: 26px; height: 26px; fill: currentColor; stroke: currentColor; stroke-width: 1.2; stroke-linejoin: round; }
.pk-head h3 { font-size: 1.55rem; letter-spacing: -.01em; }
.pk-badge { position: absolute; top: 22px; right: 20px; max-width: 55%; text-align: right; font-size: 11.5px; font-weight: 700; line-height: 1.25; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.4); color: inherit; }
.pk-tag { font-size: 14px; opacity: .88; max-width: 28ch; }
.pk-price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin-top: 6px; padding: 12px 0 0; border-top: 1px solid rgba(255,255,255,.3); color: inherit; }
.pk-price b { font-size: 2.3rem; line-height: 1; letter-spacing: -.02em; }
.pk-price span { font-size: 14px; opacity: .9; }
.pk-incl { margin: 0; font-size: 13.5px; font-weight: 600; color: inherit; opacity: .95; }
.pk-body { display: flex; flex-direction: column; gap: 14px; padding: 22px 22px 24px; flex: 1; }
.pk-list, .pk-more ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.pk-list li, .pk-more li { position: relative; padding-left: 30px; font-size: 15px; line-height: 1.5; }
.pk-list li::before, .pk-more li::before { content: ""; position: absolute; left: 0; top: .12em; width: 20px; height: 20px; border-radius: 50%; background: var(--c2); opacity: .95; }
.pk-list li::after, .pk-more li::after { content: ""; position: absolute; left: 7px; top: .42em; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
.pk-more { border-top: 1px dashed var(--line); padding-top: 12px; }
.pk-more summary { cursor: pointer; font-weight: 700; color: var(--accent); list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 40px; }
.pk-more summary::-webkit-details-marker { display: none; }
.pk-more summary::after { content: "+"; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--accent-soft); font-size: 20px; line-height: 1; }
.pk-more[open] summary::after { content: "–"; }
.pk-more ul { margin-top: 10px; }
.pk-more li { font-size: 14.5px; }
.pk-body .btn { margin-top: auto; justify-content: center; width: 100%; background: linear-gradient(145deg, var(--c1), var(--c2)); color: var(--hi); border-color: transparent; }
.pk-body .btn:hover { filter: brightness(1.1); }
/* Gold */
.pk-t1 { --c1: #B8862F; --c2: #E9C46A; --hi: #2A1D00; border-color: #D8B45A; }
.pk-t1 .pk-head { background: radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.55), transparent 55%), linear-gradient(145deg, #C99A3B, #F3DA8E 55%, #D9B04F); }
.pk-t1 .pk-list li::before, .pk-t1 .pk-more li::before { background: #C99A3B; }
.pk-t1.pk-hot { box-shadow: 0 0 0 2px #D8B45A, 0 14px 36px rgba(184, 134, 47, .28); }
/* Ana */
.pk-t2 { --c1: #1B4673; --c2: #3F78B5; border-color: #6FA6DE; }
.pk-t2 .pk-head { background: radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.28), transparent 55%), linear-gradient(145deg, #12426C, #3F78B5 70%, #6FA6DE); }
/* Resmi */
.pk-t3 { --c1: #0B2038; --c2: #1B4673; border-color: #D8B45A; }
.pk-t3 .pk-head { background: radial-gradient(120% 140% at 100% 0%, rgba(233,196,106,.35), transparent 55%), linear-gradient(145deg, #06182B, #0F2A47 60%, #1B4673); }
.pk-t3 .pk-head h3, .pk-t3 .pk-price b { background: linear-gradient(90deg, #F3DA8E, #E9C46A); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pk-t3 .pk-ico { color: #F3DA8E; }
.pk-t3 .pk-list li::before, .pk-t3 .pk-more li::before { background: #C99A3B; }
.pk-t3 .pk-body .btn { background: linear-gradient(145deg, #C99A3B, #F3DA8E); color: #2A1D00; }
.pk-t3 { box-shadow: 0 0 0 2px #D8B45A, 0 18px 44px rgba(11, 32, 56, .35); }
.pk-note { margin-top: 20px; color: var(--muted); font-size: 14px; }
@media (min-width: 960px) { .pk-t2 { margin-top: 0; } .pk-t3 .pk-head { padding-top: 32px; } }
@media (max-width: 600px) { .sp-terms { padding: 22px 16px; } .sp-actions .btn { flex: 1 1 100%; justify-content: center; } .pk-badge { position: static; align-self: flex-start; max-width: 100%; text-align: left; } }
@media (prefers-reduced-motion: reduce) { .pk, .pk:hover { transition: none; transform: none; } }

/* TR / EN dil anahtarı */
.lang-sw { padding: 0; overflow: hidden; gap: 0; min-width: 0; }
.lang-sw > a, .lang-sw > span { display: inline-flex; align-items: center; justify-content: center; height: 100%; min-width: 40px; padding: 0 11px; color: var(--ink); text-decoration: none; }
.lang-sw > a:hover { color: var(--accent); background: var(--accent-soft); }
.lang-sw > .on { background: var(--accent); color: var(--accent-ink); }
@media (max-width: 560px) { .topbar-in .lang-sw { min-width: 0; margin-left: auto; } .lang-sw > a, .lang-sw > span { min-width: 36px; padding: 0 9px; } }