.sehir-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem 0 2rem;
}
.sehir-filter-btn {
  appearance: none;
  background: rgba(13, 27, 47, 0.55);
  color: var(--c-muted);
  border: 1px solid var(--c-line);
  border-radius: 999px;
  padding: 0.5rem 1.1rem;
  font-family: var(--f-body);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all var(--t-med);
}
.sehir-filter-btn:hover {
  color: var(--c-cream);
  border-color: var(--c-gold);
}
.sehir-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.1rem;
}
.sehir-card {
  padding: 1.4rem 1.3rem 1.2rem;
  background: linear-gradient(180deg, rgba(13, 27, 47, 0.6), rgba(7, 17, 31, 0.4));
  border: 1px solid var(--c-line);
  border-radius: 16px;
  transition: transform var(--t-med), border-color var(--t-med);
}
.sehir-card:hover {
  transform: translateY(-3px);
  border-color: var(--c-pitch);
}
.sehir-card-head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 0.6rem;
}
.sehir-bayrak {
  font-size: 1.4rem;
  line-height: 1;
}
.sehir-ad {
  font-family: var(--f-display);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--c-cream);
  letter-spacing: -0.01em;
  margin: 0;
}
.sehir-stadyum {
  font-family: var(--f-mono);
  font-size: 0.78rem;
  color: var(--c-gold);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 0.7rem;
}
.sehir-desc {
  font-size: 0.85rem;
  color: var(--c-muted);
  line-height: 1.5;
  margin: 0 0 0.9rem;
}
.sehir-meta {
  display: flex;
  gap: 0.8rem;
  padding-top: 0.7rem;
  border-top: 1px solid var(--c-line);
  font-family: var(--f-mono);
  font-size: 0.72rem;
  color: var(--c-muted-2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.grup-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.grup-card {
  padding: 1.3rem 1.2rem 1.1rem;
  background: linear-gradient(180deg, rgba(13, 27, 47, 0.55), rgba(7, 17, 31, 0.3));
  border: 1px solid var(--c-line);
  border-radius: 16px;
  transition: border-color var(--t-med);
}
.grup-card:hover {
  border-color: var(--c-gold);
}
.grup-card-head {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid var(--c-line);
}
.grup-letter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--c-gold);
  color: var(--c-night);
  font-family: var(--f-display);
  font-size: 1.2rem;
  font-weight: 800;
}
.grup-label {
  font-family: var(--f-mono);
  font-size: 0.78rem;
  color: var(--c-muted);
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.grup-takimlar {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}
.grup-takimlar li {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.45rem 0;
  border-bottom: 1px dashed rgba(244, 240, 232, 0.06);
  font-size: 0.92rem;
  color: var(--c-cream);
}
.grup-takimlar li:last-child {
  border-bottom: none;
}
.grup-takimlar li.team-tbd {
  color: var(--c-muted-2);
  font-style: italic;
}
.team-flag-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: var(--c-deep);
  color: var(--c-muted);
  font-size: 0.75rem;
  font-family: var(--f-mono);
}
.grup-card-foot {
  font-family: var(--f-mono);
  font-size: 0.7rem;
  color: var(--c-muted-2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  padding-top: 0.5rem;
  border-top: 1px solid var(--c-line);
}
@media (max-width: 720px) {
  .tr-mac-saat { font-size: 2rem; }
  .tr-mac-team { font-size: 1rem; }
  .sehir-grid, .grup-grid { gap: 0.8rem; }
}
.sehir-card,
.grup-card,
.tr-mac-card {
  position: relative;
}
.sehir-card::after {
  content: "";
  position: absolute;
  left: 1.3rem; right: 1.3rem;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--c-pitch), transparent);
  opacity: 0;
  transition: opacity var(--t-med);
}
.sehir-card:hover::after { opacity: 1; }
.grup-card {
  transition: transform var(--t-med), border-color var(--t-med), box-shadow var(--t-med);
}
.grup-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(7, 17, 31, 0.45);
}
.grup-letter {
  box-shadow: 0 4px 14px rgba(214, 168, 79, 0.3);
}
@media (max-width: 720px) {
  
  
  

  .tr-mac-grid, .sehir-grid, .grup-grid {
    gap: 0.85rem;
  }
  .tr-mac-card { padding: 1.3rem 1.2rem 1.1rem; }
  .sehir-card  { padding: 1.2rem 1.1rem 1rem; }
  .grup-card   { padding: 1.1rem 1rem 0.9rem; }

  .tr-mac-saat { font-size: 1.8rem; }
  .tr-mac-team { font-size: 0.95rem; }
  .sehir-ad    { font-size: 1.05rem; }
  .grup-letter { width: 32px; height: 32px; font-size: 1.05rem; }

  .sehir-filter-bar {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.3rem;
  }
  .sehir-filter-btn {
    flex-shrink: 0;
    font-size: 0.8rem;
    padding: 0.45rem 0.95rem;
  }
}
.sehir-card {
  background-image: url('../img/icons/stadium-atmosphere.svg');
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100% 70px;
  padding-top: 76px !important;
}
.sehir-card .sehir-card-head {
  position: relative;
  z-index: 1;
}
.video-poster-fallback {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-image: url('../img/icons/video-poster.svg');
  background-size: cover;
  background-position: center;
  border-radius: 12px;
  border: 1px solid var(--c-line);
}
.hero-cinematic {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 5.5rem 0 3rem;
  isolation: isolate;
  overflow: hidden;
  background: #050B14;
}
.hero-stage {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-bg-stadium {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.72;
}
.hero-light-grid {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.7;
  mix-blend-mode: screen;
  animation: light-grid-drift 28s ease-in-out infinite;
}
.hero-light-beams {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.hero-light-beam {
  position: absolute;
  top: -8%;
  width: 14%;
  height: 78%;
  background: linear-gradient(180deg,
    rgba(255, 226, 168, 0.22) 0%,
    rgba(255, 210, 122, 0.10) 35%,
    rgba(214, 168, 79, 0.03) 70%,
    transparent 100%);
  filter: blur(14px);
  transform-origin: top center;
  animation: stadium-light-sweep 13s ease-in-out infinite;
}
.hero-light-beam.cool {
  background: linear-gradient(180deg,
    rgba(168, 229, 213, 0.18) 0%,
    rgba(79, 209, 161, 0.08) 40%,
    transparent 100%);
}
.hero-light-beam:nth-child(1) { left:  3%; --rot: -4deg; animation-delay: 0s; }
.hero-light-beam:nth-child(2) { left: 20%; --rot:  2deg; animation-delay: -2s; }
.hero-light-beam:nth-child(3) { left: 38%; --rot: -1deg; animation-delay: -4s; }
.hero-light-beam:nth-child(4) { left: 55%; --rot:  3deg; animation-delay: -6s; }
.hero-light-beam:nth-child(5) { left: 72%; --rot: -2deg; animation-delay: -8s; }
.hero-light-beam:nth-child(6) { left: 88%; --rot:  4deg; animation-delay: -10s; }
.hero-data-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.hero-orbit-dot {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--c-gold);
  box-shadow: 0 0 14px rgba(214, 168, 79, 0.85);
  opacity: 0.55;
  animation: data-orbit 22s ease-in-out infinite;
}
.hero-orbit-dot.pitch {
  background: var(--c-pitch);
  box-shadow: 0 0 14px rgba(79, 209, 161, 0.85);
}
.hero-orbit-dot:nth-child(1) { top: 12%; left: 14%; animation-delay: 0s; }
.hero-orbit-dot:nth-child(2) { top: 22%; left: 82%; animation-delay: -3s; }
.hero-orbit-dot:nth-child(3) { top: 40%; left:  6%; animation-delay: -6s; }
.hero-orbit-dot:nth-child(4) { top: 56%; left: 90%; animation-delay: -9s; }
.hero-orbit-dot:nth-child(5) { top: 18%; left: 48%; animation-delay: -12s; }
.hero-orbit-dot:nth-child(6) { top: 68%; left: 32%; animation-delay: -15s; }
.hero-orbit-dot:nth-child(7) { top: 35%; left: 65%; animation-delay: -18s; }
.hero-match-orbit {
  position: absolute;
  top: -10%;
  right: -8%;
  width: 540px;
  height: 540px;
  pointer-events: none;
  opacity: 0.55;
  animation: orbit-rotate 90s linear infinite;
}
.hero-noise {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    0deg,
    transparent 0,
    transparent 3px,
    rgba(214, 168, 79, 0.022) 3px,
    rgba(214, 168, 79, 0.022) 4px
  );
  pointer-events: none;
  opacity: 0.65;
  animation: line-scan 8s linear infinite;
}
.hero-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 50% 45%,
    transparent 35%,
    rgba(5, 11, 20, 0.45) 70%,
    rgba(5, 11, 20, 0.85) 100%);
  pointer-events: none;
}
.hero-cinematic .hero-stage::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  background:
    linear-gradient(90deg,
      rgba(7,17,31,0.93) 0%,
      rgba(7,17,31,0.78) 34%,
      rgba(7,17,31,0.40) 52%,
      rgba(7,17,31,0.06) 64%,
      rgba(7,17,31,0.00) 72%),
    linear-gradient(180deg,
      rgba(7,17,31,0.00) 30%,
      rgba(7,17,31,0.30) 52%,
      rgba(7,17,31,0.62) 78%,
      rgba(7,17,31,0.78) 100%);
}
.hero-cinematic .hero-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 4rem;
  align-items: center;
}
.hero-cinematic .hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 1.1rem;
  background: rgba(13, 27, 47, 0.55);
  border: 1px solid rgba(214, 168, 79, 0.35);
  border-radius: 100px;
  font-family: var(--f-mono);
  font-size: 0.74rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-cream);
  font-weight: 600;
  margin-bottom: 2rem;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 4px 20px -8px rgba(214, 168, 79, 0.4);
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.1s;
}
.hero-badge .badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--c-pitch);
  box-shadow: 0 0 10px rgba(79, 209, 161, 0.85);
  animation: pulse-onair 1.6s ease-in-out infinite;
}
.hero-mega-title {
  font-family: var(--f-display);
  margin: 0 0 1.4rem;
  font-weight: 800;
}
.hero-mega-title .brand-word {
  display: block;
  font-size: clamp(4.5rem, 11vw, 9rem);
  line-height: 0.88;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg,
    #D6A84F 0%,
    #FFE9B5 35%,
    #F4F0E8 55%,
    #4FD1A1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 36px rgba(214, 168, 79, 0.32));
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.3s;
}
.hero-mega-title .sub-line {
  display: block;
  font-size: clamp(1.5rem, 3.2vw, 2.6rem);
  font-weight: 600;
  color: var(--c-cream);
  letter-spacing: -0.025em;
  line-height: 1.15;
  margin-top: 0.6rem;
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.55s;
}
.hero-mega-title .sub-line.accent {
  color: var(--c-muted);
  animation-delay: 0.75s;
}
.hero-cinematic .hero-desc {
  max-width: 58ch;
  color: var(--c-muted);
  font-size: 1.08rem;
  line-height: 1.65;
  margin-bottom: 2.2rem;
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.95s;
}
.hero-cinematic .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 1.15s;
}
.hero-scroll-cue {
  position: absolute;
  bottom: 1.8rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--f-mono);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--c-muted);
  z-index: 3;
  animation: brand-reveal 1.4s ease both 1.6s;
}
.hero-scroll-cue .cue-track {
  width: 1px;
  height: 38px;
  background: rgba(244, 240, 232, 0.18);
  position: relative;
  overflow: hidden;
}
.hero-scroll-cue .cue-track::after {
  content: '';
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, transparent, var(--c-gold));
  animation: scroll-cue-drop 2.4s ease-in-out infinite;
}
@media (max-width: 880px) {
  .hero-cinematic {
    min-height: auto;
    padding: 3rem 0 2rem;
  }
  .hero-cinematic .hero-inner {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  /* Mobil: arka görsel daha geri çekilir, metin tam okunur (v2.0.12) */
  .hero-cinematic .hero-bg-stadium { opacity: 0.55; }

  .hero-mega-title .brand-word { font-size: clamp(3.2rem, 14vw, 5rem); }
  .hero-mega-title .sub-line   { font-size: clamp(1.1rem, 5vw, 1.6rem); }
  .hero-cinematic .hero-desc   { font-size: 0.95rem; }

  .hero-broadcast-console { padding: 1.3rem; }
  .broadcast-slot {
    grid-template-columns: 84px 1fr auto;
    gap: 0.6rem;
    padding: 0.65rem 0;
  }
  .broadcast-slot .slot-name { font-size: 0.86rem; }
  .broadcast-slot .slot-time { font-size: 0.62rem; }
  .broadcast-slot .slot-progress { display: none; }

  .hero-quick-actions {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
    gap: 0.7rem;
  }
  .hero-quick-card { padding: 1.2rem 1rem; }
  .hero-quick-card .qc-icon-wrap { width: 36px; height: 36px; font-size: 1.1rem; }
  .hero-quick-card .qc-title { font-size: 1rem; }
  .hero-quick-card .qc-meta { font-size: 0.78rem; }

  /* Showcase mobile */
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-card { min-height: auto; }

  /* Animasyon yumuşat */
  .hero-light-beam   { opacity: 0.55; }
  .hero-orbit-dot    { opacity: 0.35; }
  .hero-noise        { opacity: 0.35; }
  .hero-match-orbit  { display: none; }
  .hero-scroll-cue   { display: none; }

  /* Ana sayfa mobil: arka görsel daha az baskın + güçlü dikey
     okunaklılık katmanı (v2.0.12) — metin/CTA tam okunsun. */
  .hero-cinematic .hero-bg-stadium { opacity: 0.55; }
  .hero-cinematic .hero-stage::after {
    background: linear-gradient(180deg,
      rgba(7,17,31,0.74) 0%,
      rgba(7,17,31,0.80) 45%,
      rgba(7,17,31,0.88) 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-light-beam,
  .hero-orbit-dot,
  .hero-match-orbit,
  .hero-light-grid,
  .hero-noise,
  .broadcast-status::before,
  .hero-badge .badge-dot,
  .hero-scroll-cue .cue-track::after,
  .hero-broadcast-console {
    animation: none !important;
  }
  .hero-mega-title .brand-word,
  .hero-mega-title .sub-line,
  .hero-cinematic .hero-desc,
  .hero-cinematic .hero-actions,
  .hero-cinematic .hero-badge,
  .hero-quick-actions {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}
.hero-cinematic .hero-bg-stadium { z-index: 0; }
.hero-cinematic .hero-light-grid { z-index: 1; }
.hero-cinematic .hero-light-beams { z-index: 1; }
.hero-cinematic .hero-match-orbit { z-index: 1; }
.hero-cinematic .hero-data-layer { z-index: 2; }
.hero-foreground-pitch {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 38%;
  width: 100%;
  object-fit: cover;
  object-position: center bottom;
  opacity: 0.85;
  z-index: 3;
  pointer-events: none;
  mix-blend-mode: screen;
  animation: pitch-pulse 7s ease-in-out infinite;
}
.hero-cinematic .hero-noise { z-index: 4; }
.hero-cinematic .hero-vignette { z-index: 4; }
.hero-cinematic .hero-broadcast-console { z-index: 6; }
.hero-cinematic {
  animation: broadcast-curtain 1.1s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.hero-bg-stadium {
  animation: stadium-power-on 1.4s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.hero-light-beam {
  animation:
    beam-power-on 0.9s cubic-bezier(0.16, 1, 0.3, 1) both 0.6s,
    stadium-light-sweep 13s ease-in-out infinite 1.5s;
}
.hero-orbit-dot {
  animation:
    dot-appear 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) both 0.85s,
    data-orbit 22s ease-in-out infinite 1.6s;
}
.hero-foreground-pitch {
  animation:
    pitch-power-on 1.0s cubic-bezier(0.16, 1, 0.3, 1) both 0.5s,
    pitch-pulse 7s ease-in-out infinite 1.5s;
}
.hero-signature-wrap {
  display: block;
  margin: 0 0 1.4rem;
  animation: brand-reveal 1.4s cubic-bezier(0.16, 1, 0.3, 1) both 0.3s;
}
.hero-signature-wrap .ekofutbol-signature {
  width: 100%;
  max-width: 580px;
  height: auto;
  filter: drop-shadow(0 0 36px rgba(214, 168, 79, 0.32));
}
@media (max-width: 880px) {
  .hero-signature-wrap .ekofutbol-signature { max-width: 320px; }
  .hero-foreground-pitch { height: 28%; opacity: 0.7; }
  .hero-broadcast-console .console-led { display: none; }
  .broadcast-timecode { font-size: 0.6rem; flex-wrap: wrap; gap: 0.4rem; }

  /* Showcase tek kolon */
  .showcase-grid-editorial {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-height: auto;
  }
  .showcase-card-editorial.feature {
    grid-row: auto;
    padding: 1.8rem 1.4rem;
  }
  .showcase-editorial-bar { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-cinematic,
  .hero-bg-stadium,
  .hero-foreground-pitch,
  .hero-signature-wrap,
  .console-led span,
  .broadcast-timecode .tc-value {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}
.sl-countdown-band {
  position: relative;
  background: linear-gradient(90deg, rgba(79,209,161,0.14), rgba(13,27,47,0.85) 60%);
  border-top: 1px solid rgba(79,209,161,0.35);
  border-bottom: 1px solid rgba(79,209,161,0.35);
  padding: 0.9rem 0;
}
.sl-countdown-inner {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-wrap: wrap;
}
.sl-cd-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  font-family: var(--f-mono);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #0B1E17;
  background: var(--c-pitch);
  padding: 0.34rem 0.7rem;
  border-radius: 999px;
  white-space: nowrap;
}
.sl-cd-main { display: flex; align-items: baseline; gap: 0.6rem; flex-wrap: wrap; }
.sl-cd-num {
  font-family: var(--f-display);
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--c-pitch);
  line-height: 1;
  letter-spacing: -0.02em;
}
.sl-cd-text { color: var(--c-cream); font-size: 0.95rem; }
.sl-cd-text strong { color: var(--c-cream); }
.sl-cd-cta {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: var(--f-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-pitch);
  border: 1px solid rgba(79,209,161,0.5);
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.sl-cd-cta:hover { background: rgba(79,209,161,0.14); border-color: var(--c-pitch); }
.sl-cd-sponsor {
  font-family: var(--f-mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted-2);
  border-left: 1px solid var(--c-line);
  padding-left: 1rem;
  white-space: nowrap;
}
@media (max-width: 860px) {
  .sl-cd-cta { margin-left: 0; }
  .sl-cd-sponsor { display: none; }
  .sl-cd-num { font-size: 1.5rem; }
}
.final-yolu {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1rem;
  margin: 1.6rem 0;
}
.fy-col { display: flex; flex-direction: column; gap: 0.7rem; }
.fy-col-head {
  font-family: var(--f-mono);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-muted);
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--c-line);
}
.fy-col.is-live .fy-col-head { color: var(--c-gold); border-bottom-color: var(--c-gold); }
.fy-tie {
  background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line);
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
}
.fy-tie.is-next { border-color: var(--c-gold); background: rgba(214,168,79,0.08); }
.fy-tie.is-final { border-color: #FF9E5C; background: rgba(255,158,92,0.08); }
.fy-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  padding: 0.18rem 0;
}
.fy-team { font-family: var(--f-display); font-weight: 700; font-size: 0.95rem; color: var(--c-muted); }
.fy-team.win { color: var(--c-cream); }
.fy-goal { font-family: var(--f-mono); font-size: 0.9rem; font-weight: 800; color: var(--c-muted); }
.fy-goal.win { color: var(--c-gold); }
.fy-meta {
  font-family: var(--f-mono);
  font-size: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-muted-2);
  margin-top: 0.45rem;
  padding-top: 0.45rem;
  border-top: 1px solid var(--c-line);
}
.fy-meta .fy-prime { color: var(--c-gold); font-weight: 800; }
.ya-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 1.8rem; }
.ya-tab {
  font-family: var(--f-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--c-muted);
  background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line);
  border-radius: 999px;
  padding: 0.6rem 1.1rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.ya-tab:hover { color: var(--c-cream); border-color: var(--c-muted); }
.ya-panel { display: none; }
.sh-timeline { display: grid; gap: 0.6rem; margin: 1.4rem 0; }
.sh-row {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 1rem;
  align-items: baseline;
  padding: 0.75rem 0.9rem;
  background: rgba(13,27,47,0.45);
  border: 1px solid var(--c-line);
  border-left: 3px solid var(--c-pitch);
  border-radius: 10px;
}
.sh-row.is-done { border-left-color: var(--c-muted-2); opacity: 0.72; }
.sh-row.is-key { border-left-color: var(--c-gold); background: rgba(214,168,79,0.07); }
.sh-date {
  font-family: var(--f-mono);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--c-pitch);
  text-transform: uppercase;
}
.sh-row.is-done .sh-date { color: var(--c-muted-2); }
.sh-row.is-key .sh-date { color: var(--c-gold); }
.sh-label { color: var(--c-cream); font-size: 0.92rem; }
.sh-label small { display: block; color: var(--c-muted); font-size: 0.78rem; margin-top: 2px; }
@media (max-width: 640px) {
  .sh-row { grid-template-columns: 1fr; gap: 0.3rem; }
}
.derbi-grid-2627 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.9rem;
  margin: 1.4rem 0;
}
.derbi-hafta {
  background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line);
  border-radius: 12px;
  padding: 1rem;
}
.derbi-hafta.one-cikan { border-color: var(--c-gold); background: rgba(214,168,79,0.08); }
.dh-hafta {
  font-family: var(--f-mono);
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--c-pitch);
}
.derbi-hafta.one-cikan .dh-hafta { color: var(--c-gold); }
.dh-mac {
  font-family: var(--f-display);
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--c-cream);
  margin-top: 0.4rem;
  letter-spacing: -0.01em;
}
.dh-not {
  font-family: var(--f-mono);
  font-size: 0.62rem;
  color: var(--c-muted);
  margin-top: 0.5rem;
  letter-spacing: 0.04em;
}
.tr-bilanco {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 0.8rem;
  margin: 1.2rem 0 1.8rem;
}
.trb-item {
  text-align: center;
  padding: 1rem 0.6rem;
  background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line);
  border-radius: 12px;
}
.trb-item.win { border-color: #E30A17; background: rgba(227,10,23,0.09); }
.trb-num { font-family: var(--f-display); font-size: 1.8rem; font-weight: 800; color: var(--c-cream); line-height: 1; }
.trb-item.win .trb-num { color: #FF5A63; }
.trb-lab {
  font-family: var(--f-mono);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--c-muted);
  margin-top: 0.45rem;
}
.hhi-hero {
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: 2rem;
  padding: 1.8rem;
  background: linear-gradient(135deg, rgba(214,168,79,0.10), rgba(13,27,47,0.6));
  border: 1px solid var(--c-gold);
  border-radius: 18px;
}
.hhi-left { display: flex; flex-direction: column; justify-content: center; }
.hhi-eyebrow {
  font-family: var(--f-mono); font-size: 0.64rem; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-gold);
  margin-bottom: 0.7rem; line-height: 1.5;
}
.hhi-num {
  font-family: var(--f-display); font-size: clamp(3.4rem, 8vw, 5rem);
  font-weight: 800; color: var(--c-gold); line-height: 0.95; letter-spacing: -0.04em;
}
.hhi-lab {
  font-family: var(--f-mono); font-size: 0.66rem; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--c-muted); margin-top: 0.4rem;
}
.hhi-verdict {
  display: inline-block; margin-top: 0.9rem; padding: 0.4rem 0.8rem;
  background: #E8734A; color: #140A05; border-radius: 999px;
  font-family: var(--f-mono); font-size: 0.68rem; font-weight: 800;
  letter-spacing: 0.1em; align-self: flex-start;
}
.hhi-right p { color: var(--c-cream); line-height: 1.65; font-size: 0.95rem; margin: 0 0 1rem; }
.hhi-right .hhi-note { color: var(--c-muted); font-size: 0.9rem; margin-bottom: 0; }
.hhi-scale { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem; margin-bottom: 1rem; }
.hhi-seg {
  text-align: center; padding: 0.6rem 0.4rem; border-radius: 10px;
  font-family: var(--f-mono); font-size: 0.72rem; font-weight: 800;
  color: var(--c-muted-2); background: rgba(13,27,47,0.6); border: 1px solid var(--c-line);
  line-height: 1.5;
}
.hhi-seg em { font-style: normal; font-weight: 400; font-size: 0.64rem; opacity: 0.8; }
.hhi-seg.on { color: #140A05; background: #E8734A; border-color: #E8734A; }
@media (max-width: 780px) { .hhi-hero { grid-template-columns: 1fr; gap: 1.4rem; } }
.slt-table { display: grid; gap: 0.5rem; }
.slt-row {
  display: grid; grid-template-columns: 130px 90px 1fr 44px 62px 74px;
  align-items: center; gap: 0.8rem; padding: 0.75rem 1rem;
  background: rgba(13,27,47,0.5); border: 1px solid var(--c-line);
  border-left: 3px solid var(--k); border-radius: 10px;
}
.slt-kulup { font-family: var(--f-display); font-weight: 800; color: var(--c-cream); font-size: 1rem; }
.slt-sehir { font-family: var(--f-mono); font-size: 0.66rem; color: var(--c-muted-2); text-transform: uppercase; letter-spacing: 0.06em; }
.slt-bar { height: 8px; background: rgba(255,255,255,0.05); border-radius: 999px; overflow: hidden; }
.slt-fill { display: block; height: 100%; background: var(--k); border-radius: 999px; }
.slt-say { font-family: var(--f-display); font-weight: 800; font-size: 1.3rem; color: var(--k); text-align: right; }
.slt-pay { font-family: var(--f-mono); font-size: 0.78rem; color: var(--c-muted); text-align: right; }
.slt-yildiz { color: var(--c-gold); font-size: 0.8rem; letter-spacing: 1px; text-align: right; }
@media (max-width: 720px) {
  .slt-row { grid-template-columns: 1fr 44px 60px; grid-template-areas: "k s p" "c c c" "b b b"; }
  .slt-kulup { grid-area: k; } .slt-say { grid-area: s; } .slt-pay { grid-area: p; }
  .slt-sehir { grid-area: c; } .slt-bar { grid-area: b; } .slt-yildiz { display: none; }
}
.mbp-chart {
  display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
  gap: 0.6rem; align-items: end; height: 260px; margin: 1.6rem 0 1.4rem;
  padding: 1.2rem 1rem 0; background: rgba(13,27,47,0.4);
  border: 1px solid var(--c-line); border-radius: 14px;
}
.mbp-col { display: flex; flex-direction: column; align-items: center; height: 100%; justify-content: flex-end; }
.mbp-val { font-family: var(--f-display); font-weight: 800; font-size: 0.9rem; color: var(--c-cream); margin-bottom: 0.35rem; }
.mbp-bar {
  width: 100%; max-width: 54px; min-height: 6px;
  background: linear-gradient(180deg, var(--c-gold), rgba(214,168,79,0.35));
  border-radius: 6px 6px 0 0;
}
.mbp-col.is-peak .mbp-bar { background: linear-gradient(180deg, #E8734A, rgba(232,115,74,0.35)); }
.mbp-col.is-peak .mbp-val { color: #E8734A; }
.mbp-col.is-thin .mbp-bar { background: repeating-linear-gradient(45deg, rgba(255,255,255,0.10), rgba(255,255,255,0.10) 4px, transparent 4px, transparent 8px); }
.mbp-col.is-thin .mbp-val { color: var(--c-muted-2); }
.mbp-lab { font-family: var(--f-mono); font-size: 0.66rem; color: var(--c-muted); margin-top: 0.5rem; letter-spacing: 0.04em; }
.mbp-n { font-family: var(--f-mono); font-size: 0.56rem; color: var(--c-muted-2); margin-top: 2px; }
.mbp-yorum p { color: var(--c-cream); line-height: 1.7; margin: 0 0 0.8rem; max-width: 72ch; font-size: 0.96rem; }
.mbp-yorum .mbp-uyari { color: var(--c-muted-2); font-family: var(--f-mono); font-size: 0.7rem; letter-spacing: 0.04em; }
.sez-wrap { overflow-x: auto; background: rgba(13,27,47,0.4); border: 1px solid var(--c-line); border-radius: 14px; }
.sez-table { width: 100%; border-collapse: collapse; min-width: 640px; }
.sez-table thead tr { background: rgba(7,17,31,0.75); position: sticky; top: 0; }
.sez-table th {
  text-align: left; padding: 0.8rem 0.9rem; font-family: var(--f-mono);
  font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--c-muted);
  border-bottom: 1px solid var(--c-line);
}
.sez-table td { padding: 0.62rem 0.9rem; border-bottom: 1px solid rgba(255,255,255,0.04); color: var(--c-muted); font-family: var(--f-mono); font-size: 0.82rem; }
.sez-table tbody tr:hover { background: rgba(214,168,79,0.05); }
.sez-yil { color: var(--c-cream) !important; font-weight: 700; }
.sez-mbp { color: var(--c-gold) !important; font-weight: 800; }
.fe-home {
  background: linear-gradient(180deg, rgba(214,168,79,0.07), rgba(7,17,31,0.2));
  border-top: 1px solid rgba(214,168,79,0.25);
  border-bottom: 1px solid rgba(214,168,79,0.25);
}
.fe-home-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 2rem; align-items: center; }
@media (max-width: 880px) { .fe-home-grid { grid-template-columns: 1fr; } }
.fe-stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 0.8rem; margin-top: 1.4rem; }
.fe-stat {
  text-align: center; padding: 1.1rem 0.7rem; background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line); border-radius: 12px;
}
.fe-stat.hot { border-color: #E8734A; background: rgba(232,115,74,0.09); }
.fe-stat-num { font-family: var(--f-display); font-size: 1.9rem; font-weight: 800; color: var(--c-gold); line-height: 1; }
.fe-stat.hot .fe-stat-num { color: #E8734A; }
.fe-stat-lab { font-family: var(--f-mono); font-size: 0.6rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-muted); margin-top: 0.45rem; line-height: 1.4; }
.fe-konu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.6rem; margin-top: 1.2rem; }
.fe-konu {
  padding: 0.8rem 0.9rem; background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line); border-radius: 10px;
  font-family: var(--f-mono); font-size: 0.72rem; color: var(--c-muted);
  letter-spacing: 0.03em; transition: all 0.2s ease;
}
.fe-konu:hover { color: var(--c-cream); border-color: var(--c-gold); }
.amb.win { border-color:#4FD1A1; background:rgba(79,209,161,0.08); }
.amb.win .amb-num { color:#4FD1A1; }
.db-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:1rem; }
.dr-sabit    { color:#0B1E17; background:#4FD1A1; }
.sic-ozet { display:flex; gap:0.6rem; flex-wrap:wrap; margin-bottom:1rem; }
.so-item { font-family:var(--f-mono); font-size:0.68rem; letter-spacing:0.05em;
  padding:0.4rem 0.75rem; border-radius:999px; border:1px solid var(--c-line);
  background:rgba(13,27,47,0.5); color:var(--c-muted); }
.so-sabit { border-color:rgba(79,209,161,0.4); color:#4FD1A1; }
.so-degisken { border-color:rgba(214,168,79,0.4); color:#D6A84F; }
.so-mevzuat { border-color:rgba(232,115,74,0.5); color:#E8734A; }
.mevzuat-uyari { padding:1rem 1.2rem; background:rgba(232,115,74,0.09); border:1px solid #E8734A;
  border-radius:12px; color:var(--c-muted); font-size:0.9rem; line-height:1.7; max-width:76ch; }
.mevzuat-uyari strong { color:var(--c-cream); }
.mevzuat-uyari a { color:#FF8A5C; }
.amiral-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:0.9rem; margin:1.2rem 0; }
.amiral-kart { display:block; padding:1.2rem; background:rgba(13,27,47,0.55); border:1px solid var(--c-line);
  border-radius:14px; transition:all 0.2s; }
.amiral-kart:hover { border-color:var(--c-gold); transform:translateY(-2px); }
.am-soru { font-family:var(--f-display); font-size:1.02rem; font-weight:700; color:var(--c-cream);
  margin:0.6rem 0 0.5rem; line-height:1.35; letter-spacing:-0.01em; }
.am-meta { font-family:var(--f-mono); font-size:0.64rem; color:var(--c-muted-2); letter-spacing:0.04em; }
.pil-kart { padding:1.1rem; background:rgba(13,27,47,0.45); border:1px solid var(--c-line); border-radius:12px; }
.pil-head { display:flex; justify-content:space-between; align-items:flex-start; gap:0.6rem; margin-bottom:0.4rem; }
.pil-ad { font-family:var(--f-display); font-size:1rem; font-weight:700; color:var(--c-cream); margin:0; line-height:1.3; }
.pil-meta { font-family:var(--f-mono); font-size:0.64rem; color:var(--c-muted-2); margin:0 0 0.6rem; }
.pil-cta { font-family:var(--f-mono); font-size:0.68rem; color:var(--c-pitch); font-weight:700; }
.soru-liste { list-style:none; padding:0; margin:1rem 0; display:grid; gap:0.4rem; }
.soru-liste li { padding:0.7rem 0.9rem; background:rgba(13,27,47,0.4); border:1px solid var(--c-line);
  border-radius:10px; display:flex; justify-content:space-between; align-items:center; gap:0.8rem; flex-wrap:wrap; }
.soru-liste a { color:var(--c-cream); font-size:0.92rem; }
.soru-liste a:hover { color:var(--c-gold); }
.hero-ara { display:flex; gap:0.5rem; margin:1.4rem 0; max-width:600px; }
.hero-ara input { flex:1; background:rgba(7,17,31,0.8); border:1px solid var(--c-line);
  border-radius:999px; color:var(--c-cream); padding:0.9rem 1.4rem; font-size:1rem; outline:none;
  transition:border-color 0.2s; }
.hero-ara input:focus { border-color:var(--c-gold); }
.hero-ara-btn { background:var(--c-gold); color:var(--c-bg); border:none; border-radius:999px;
  padding:0.9rem 1.6rem; font-family:var(--f-mono); font-weight:800; font-size:0.8rem;
  letter-spacing:0.08em; cursor:pointer; white-space:nowrap; }
.niyet-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:0.7rem; margin-top:1.2rem; }
.niyet { display:flex; flex-direction:column; gap:0.25rem; padding:1rem 1.1rem;
  background:rgba(13,27,47,0.6); border:1px solid var(--c-line); border-left:3px solid var(--k);
  border-radius:12px; transition:all 0.2s; }
.niyet:hover { background:rgba(13,27,47,0.9); transform:translateX(3px); border-color:var(--k); }
.ni-ikon { font-size:1.3rem; }
.ni-ad { font-family:var(--f-display); font-weight:700; font-size:0.98rem; color:var(--c-cream); line-height:1.3; }
.ni-meta { font-family:var(--f-mono); font-size:0.62rem; color:var(--c-muted-2); letter-spacing:0.04em; }
.bugun-panel { background:rgba(7,17,31,0.85); border:1px solid var(--c-line); border-radius:16px;
  padding:1.1rem; display:flex; flex-direction:column; gap:0.5rem; }
.bp-head { display:flex; justify-content:space-between; align-items:baseline; padding-bottom:0.6rem;
  border-bottom:1px solid var(--c-line); margin-bottom:0.3rem; }
.bp-head h4 { font-family:var(--f-mono); font-size:0.72rem; font-weight:800; letter-spacing:0.12em;
  text-transform:uppercase; color:var(--c-gold); margin:0; }
.bp-tarih { font-family:var(--f-mono); font-size:0.68rem; color:var(--c-muted); }
.bp-slot { display:flex; flex-direction:column; gap:0.15rem; padding:0.7rem 0.85rem;
  background:rgba(13,27,47,0.6); border:1px solid var(--c-line); border-radius:10px; transition:all 0.2s; }
.bp-slot:hover { border-color:var(--c-gold); background:rgba(13,27,47,0.95); }
.bp-slot.bp-uyari { border-color:rgba(232,115,74,0.5); }
.bp-slot.bp-uyari:hover { border-color:#E8734A; }
.bp-tag { font-family:var(--f-mono); font-size:0.56rem; font-weight:800; letter-spacing:0.1em; color:var(--c-muted-2); }
.bp-ad { font-family:var(--f-display); font-weight:700; font-size:0.9rem; color:var(--c-cream); line-height:1.3; }
.bp-alt { font-family:var(--f-mono); font-size:0.6rem; color:var(--c-muted-2); }
.bolum-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:0.9rem; }
.bolum-kart { display:flex; flex-direction:column; gap:0.4rem; padding:1.3rem;
  background:rgba(13,27,47,0.55); border:1px solid var(--c-line); border-top:3px solid var(--k);
  border-radius:14px; transition:all 0.2s; }
.bolum-kart:hover { transform:translateY(-3px); border-color:var(--k); }
.bk-ikon { font-size:1.8rem; }
.bk-ad { font-family:var(--f-display); font-size:1.15rem; font-weight:800; color:var(--c-cream); margin:0; letter-spacing:-0.01em; }
.bk-ozet { color:var(--c-muted); font-size:0.86rem; line-height:1.55; margin:0; flex:1; }
.bk-meta { font-family:var(--f-mono); font-size:0.64rem; color:var(--k); font-weight:800; letter-spacing:0.06em; }
.gundem-etiket { display:inline-block; font-family:var(--f-mono); font-size:0.6rem; font-weight:800;
  letter-spacing:0.12em; color:var(--c-muted-2); background:rgba(255,255,255,0.05);
  padding:0.25rem 0.6rem; border-radius:999px; margin-bottom:0.5rem; }
.ke-yet.on { background:var(--c-gold); color:var(--c-bg); border-color:var(--c-gold); font-weight:700; }
.bf-nav { display:flex; gap:0.6rem; align-items:center; flex-wrap:wrap; }
.bf-date { background:rgba(13,27,47,0.7); border:1px solid var(--c-line); border-radius:999px;
  color:var(--c-cream); padding:0.6rem 1rem; font-family:var(--f-mono); font-size:0.82rem; outline:none; }
.bf-sayac { font-family:var(--f-mono); font-size:0.7rem; color:var(--c-muted-2); letter-spacing:0.06em; margin-bottom:0.9rem; }
.bf-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:0.9rem; }
.bf-kart { padding:1.2rem; background:rgba(13,27,47,0.55); border:1px solid var(--c-line);
  border-left:3px solid var(--c-pitch); border-radius:14px; }
.bf-kart.bf-amilli { border-left-color:#E30A17; background:rgba(227,10,23,0.06); }
.bf-yil { font-family:var(--f-display); font-size:1.9rem; font-weight:800; color:var(--c-gold); line-height:1; }
.bf-tip { font-family:var(--f-mono); font-size:0.6rem; color:var(--c-muted-2); letter-spacing:0.08em; margin-left:0.6rem; }
.bf-mac { font-family:var(--f-display); font-size:1.05rem; font-weight:700; color:var(--c-cream);
  margin:0.6rem 0 0.5rem; line-height:1.35; }
.bf-etiketler { display:flex; gap:0.35rem; flex-wrap:wrap; }
.bf-etiketler span { font-family:var(--f-mono); font-size:0.58rem; color:var(--c-muted);
  background:rgba(255,255,255,0.05); padding:0.2rem 0.5rem; border-radius:999px; letter-spacing:0.05em; }
.bf-sehir { display:block; font-family:var(--f-mono); font-size:0.62rem; color:var(--c-muted-2); margin-top:0.5rem; }
.bf-bos { padding:2rem; text-align:center; background:rgba(13,27,47,0.4); border:1px dashed var(--c-line); border-radius:14px; }
.bf-bos p { color:var(--c-muted); margin:0 0 0.5rem; }
.db-ak-etiket { font-family:var(--f-mono); font-size:0.62rem; font-weight:800; letter-spacing:0.14em;
  color:#FF8A5C; display:block; margin-bottom:0.5rem; }
.db-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:0.9rem; }
.db-bayrak { padding:1.3rem; background:rgba(13,27,47,0.55); border:1px solid var(--c-line);
  border-left:3px solid #E8734A; border-radius:14px; }
.db-ikon { font-size:1.5rem; }
.db-baslik { font-family:var(--f-display); font-size:1.05rem; font-weight:800; color:#FF8A5C;
  margin:0.5rem 0 0.6rem; letter-spacing:-0.01em; }
.db-metin { color:var(--c-muted); font-size:0.9rem; line-height:1.7; margin:0; }
.db-metin strong { color:var(--c-cream); }
.db-nasil, .db-aile { padding:1.6rem 1.8rem; background:rgba(13,27,47,0.5); border:1px solid var(--c-line);
  border-radius:16px; margin-top:1.6rem; }
.db-aile { border-left:3px solid #4FD1A1; }
.db-nasil h2, .db-aile h2 { font-family:var(--f-display); font-size:1.4rem; color:var(--c-cream);
  margin:0 0 1rem; letter-spacing:-0.02em; }
.db-nasil ol { margin:0; padding-left:1.3rem; }
.db-nasil li { color:var(--c-muted); line-height:1.8; margin-bottom:0.9rem; max-width:78ch; }
.db-nasil strong, .db-aile strong { color:var(--c-cream); }
.db-nasil a { color:var(--c-pitch); }
.db-aile p { color:var(--c-muted); line-height:1.8; margin:0 0 0.9rem; max-width:78ch; }
.ym-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1.4rem 0; }
.ym-kart { padding:1.4rem; background:rgba(13,27,47,0.5); border:1px solid var(--c-line); border-radius:14px; }
.ym-kart.ym-sabit { border-color:rgba(79,209,161,0.45); }
.ym-kart.ym-degisken { border-color:rgba(214,168,79,0.45); }
.ym-kart.ym-mevzuat { border-color:rgba(232,115,74,0.6); background:rgba(232,115,74,0.07); }
.ym-say { font-family:var(--f-display); font-size:2.6rem; font-weight:800; color:var(--c-cream); line-height:1; margin:0.7rem 0 0.5rem; }
.ym-kart p { color:var(--c-muted); font-size:0.88rem; line-height:1.7; margin:0; }
.ym-kart strong { color:var(--c-cream); }
.ym-kural { padding:1.6rem 1.8rem; background:rgba(232,115,74,0.09); border:2px solid #E8734A;
  border-radius:16px; margin-top:1.6rem; }
.ym-kural h3 { font-family:var(--f-display); font-size:1.25rem; color:#FF8A5C; margin:0 0 1rem; letter-spacing:-0.02em; }
.ym-kural p { color:var(--c-muted); line-height:1.8; margin:0 0 0.9rem; max-width:78ch; }
.ym-kural strong { color:var(--c-cream); }
.ym-neden { border-top:1px solid rgba(255,255,255,0.08); padding-top:0.9rem; }
.ym-liste { list-style:none; padding:0; margin:1.2rem 0; display:grid; gap:0.6rem; }
.ym-liste li { padding:0.9rem 1.1rem; background:rgba(13,27,47,0.45); border:1px solid var(--c-line);
  border-left:3px solid var(--c-pitch); border-radius:10px; color:var(--c-muted); line-height:1.7; font-size:0.92rem; }
.ym-liste strong { color:var(--c-cream); }
.ym-hata { padding:1.5rem 1.7rem; background:rgba(13,27,47,0.5); border:1px solid var(--c-line);
  border-left:3px solid var(--c-gold); border-radius:14px; margin-top:1.4rem; }
.ym-hata h3 { font-family:var(--f-display); font-size:1.2rem; color:var(--c-gold); margin:0 0 1rem; }
.ym-hata p { color:var(--c-muted); line-height:1.8; margin:0 0 0.9rem; max-width:80ch; font-size:0.92rem; }
.ym-hata strong { color:var(--c-cream); }
.rg-sinir { padding:1.4rem 1.6rem; background:rgba(13,27,47,0.55); border:1px solid var(--c-line); border-left:3px solid var(--c-pitch); border-radius:14px; margin:2rem 0; }
.rg-sinir h3 { font-family:var(--f-display); font-size:1.15rem; color:var(--c-pitch); margin:0 0 0.5rem; }
.rg-sinir ul { margin:0; padding-left:1.2rem; }
.rg-sinir li { color:var(--c-muted); line-height:1.75; margin-bottom:0.45rem; font-size:0.94rem; }
.rg-sinir strong { color:var(--c-cream); }
.guv-kural { margin-top:1.4rem; padding:1.4rem 1.6rem; background:rgba(79,209,161,0.09); border:2px solid var(--c-pitch); border-radius:16px; max-width:76ch; }
.guv-kural p { color:var(--c-cream); line-height:1.75; margin:0 0 0.8rem; }
.guv-bes { counter-reset:g; list-style:none; padding:0; margin:0 0 1rem; }
.guv-bes li { counter-increment:g; position:relative; padding:0.55rem 0 0.55rem 2.4rem; color:var(--c-cream); line-height:1.6; }
.guv-bes li::before { content:counter(g); position:absolute; left:0; top:0.55rem; width:1.4rem; height:1.4rem; border-radius:50%; background:var(--c-pitch); color:#0B1E17; font-family:var(--f-mono); font-size:0.68rem; font-weight:800; display:flex; align-items:center; justify-content:center; }
.guv-cocuk { padding-top:0.9rem; border-top:1px solid rgba(255,255,255,0.1); margin-bottom:0 !important; }
.hero-ara { position:relative; }
.gundem-kompakt { background:rgba(13,27,47,0.25); }
.gk-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:0.9rem; }
.gk-kart { display:flex; flex-direction:column; gap:0.4rem; padding:1.3rem; background:rgba(13,27,47,0.55); border:1px solid var(--c-line); border-left:3px solid var(--k); border-radius:14px; transition:all 0.2s; }
.gk-kart:hover { transform:translateY(-2px); border-color:var(--k); }
.gk-tag { font-family:var(--f-mono); font-size:0.58rem; font-weight:800; letter-spacing:0.1em; color:var(--k); }
.gk-kart h3 { font-family:var(--f-display); font-size:1.15rem; font-weight:800; color:var(--c-cream); margin:0; letter-spacing:-0.01em; }
.gk-kart p { color:var(--c-muted); font-size:0.88rem; line-height:1.6; margin:0; flex:1; }
.gk-cta { font-family:var(--f-mono); font-size:0.66rem; font-weight:800; color:var(--k); letter-spacing:0.06em; }
.hero-ara { position:relative; }
.ab-katman { border-top: 1px solid var(--c-line); }
.ab-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 1.6rem; margin-bottom: 1.4rem; }
@media (max-width: 860px) { .ab-grid { grid-template-columns: 1fr; } }
.ab-etiket {
  display: block; font-family: var(--f-mono); font-size: 0.64rem; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--c-gold); margin-bottom: 0.6rem;
}
.ab-neden, .ab-nasil, .ab-okuma {
  padding: 1.3rem 1.5rem; background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line); border-radius: 14px;
}
.ab-neden { border-left: 3px solid var(--c-gold); }
.ab-nasil { border-left: 3px solid var(--c-pitch); }
.ab-okuma { border-left: 3px solid #7FB2E5; margin-bottom: 1.4rem; }
.ab-neden p, .ab-okuma p { color: var(--c-muted); line-height: 1.8; font-size: 0.95rem; margin: 0; max-width: 80ch; }
.ab-neden strong, .ab-okuma strong { color: var(--c-cream); }
.ab-okuma em { color: var(--c-muted-2); font-style: italic; }
.ab-nasil ol { margin: 0; padding-left: 1.2rem; }
.ab-nasil li { color: var(--c-muted); line-height: 1.7; font-size: 0.92rem; margin-bottom: 0.55rem; }
.ab-nasil li strong { color: var(--c-cream); }
.ab-sinir {
  padding: 1.4rem 1.6rem; background: rgba(232,115,74,0.07);
  border: 1px solid #E8734A; border-radius: 14px; margin-bottom: 1.4rem;
}
.ab-sinir h3 {
  font-family: var(--f-display); font-size: 1.15rem; color: #FF8A5C;
  margin: 0 0 0.4rem; letter-spacing: -0.02em;
}
.ab-sinir ul { margin: 0; padding-left: 1.2rem; }
.ab-sinir li { color: var(--c-muted); line-height: 1.75; font-size: 0.9rem; margin-bottom: 0.45rem; }
.ab-sinir li strong { color: var(--c-cream); }
.ab-sonraki {
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
  padding-top: 1.2rem; border-top: 1px solid var(--c-line);
}
.ab-sonraki > span {
  font-family: var(--f-mono); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--c-muted-2);
}
.ab-btnler { display: flex; gap: 0.7rem; flex-wrap: wrap; margin-left: auto; }
.gd-neden, .bd-giris {
  padding: 1.5rem 1.7rem; background: rgba(13,27,47,0.5); border: 1px solid var(--c-line);
  border-left: 3px solid var(--c-gold); border-radius: 14px; margin-bottom: 1.6rem;
}
.gd-neden p, .bd-giris p { color: var(--c-muted); line-height: 1.8; font-size: 0.96rem; margin: 0 0 0.9rem; max-width: 80ch; }
.gd-neden p:last-child, .bd-giris p:last-child { margin-bottom: 0; }
.gd-neden strong, .bd-giris strong { color: var(--c-cream); }
.gd-vurgu {
  padding-top: 0.9rem; border-top: 1px solid rgba(255,255,255,0.07);
  color: var(--c-pitch) !important;
}
.gd-veri-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 0.9rem; }
.gd-veri-kart {
  padding: 1.2rem; background: rgba(13,27,47,0.5); border: 1px solid var(--c-line); border-radius: 12px;
}
.gd-veri-kart strong {
  display: block; font-family: var(--f-display); font-size: 1rem; color: var(--c-cream); margin-bottom: 0.5rem;
}
.gd-veri-kart p { color: var(--c-muted); font-size: 0.88rem; line-height: 1.7; margin: 0; }
.gd-veri-kart p strong { display: inline; font-family: inherit; font-size: inherit; }
.gd-yapmiyoruz, .bd-yapmiyoruz {
  margin-top: 1.6rem; padding: 1.4rem 1.6rem; background: rgba(232,115,74,0.07);
  border: 1px solid #E8734A; border-radius: 14px;
}
.gd-yapmiyoruz h3, .bd-yapmiyoruz h3 {
  font-family: var(--f-display); font-size: 1.2rem; color: #FF8A5C; margin: 0 0 0.9rem; letter-spacing: -0.02em;
}
.gd-yapmiyoruz ul, .bd-yapmiyoruz ul { margin: 0; padding-left: 1.2rem; }
.gd-yapmiyoruz li, .bd-yapmiyoruz li { color: var(--c-muted); line-height: 1.75; font-size: 0.92rem; margin-bottom: 0.5rem; }
.gd-yapmiyoruz strong, .bd-yapmiyoruz strong { color: var(--c-cream); }
.bd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 0.9rem; }
.bd-kart {
  padding: 1.3rem; background: rgba(13,27,47,0.5); border: 1px solid var(--c-line);
  border-top: 3px solid var(--c-gold); border-radius: 14px;
}
.bd-ikon { font-size: 1.6rem; }
.bd-kart h3 { font-family: var(--f-display); font-size: 1.05rem; color: var(--c-cream); margin: 0.5rem 0 0.5rem; }
.bd-kart p { color: var(--c-muted); font-size: 0.89rem; line-height: 1.75; margin: 0; }
.bd-kart strong { color: var(--c-cream); }
.vd-rakam { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.8rem; }
.vd-k {
  text-align: center; padding: 1.2rem 0.7rem; background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line); border-radius: 12px;
}
.vd-k.vd-hot { border-color: var(--c-pitch); background: rgba(79,209,161,0.09); }
.vd-n { display: block; font-family: var(--f-display); font-size: 1.8rem; font-weight: 800; color: var(--c-gold); line-height: 1; }
.vd-k.vd-hot .vd-n { color: var(--c-pitch); }
.vd-l { display: block; font-family: var(--f-mono); font-size: 0.6rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--c-muted); margin-top: 0.5rem; line-height: 1.5; }
.page-hero-compact { padding-top: 3rem !important; }
.kart-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* ★ kırpma bozulmaz */
  object-position: center;   /* ★ mobil/masaüstü AYNI bölge */
  border: 0;
}
.rk-gorsel, .bk-gorsel {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;      /* ★ SABİT ORAN — CLS sıfır */
  overflow: hidden;
  background: var(--c-bg);
}
@supports not (aspect-ratio: 16 / 9) {
  .rk-gorsel, .bk-gorsel { height: 0; padding-bottom: 56.25%; }
  .rk-gorsel .kart-img, .bk-gorsel .kart-img { position: absolute; inset: 0; }
}
.rk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.1rem;
  margin-top: 1.2rem;
}
.rk-grid-arac { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.rk-kart {
  display: flex;
  flex-direction: column;
  background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.rk-kart:hover {
  transform: translateY(-3px);
  border-color: var(--c-gold);
  box-shadow: 0 10px 34px rgba(0,0,0,0.4);
}
.rk-kart:hover .kart-img { transform: scale(1.04); }
.kart-img { transition: transform 0.4s ease; }
.rk-govde {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 1.05rem 1.15rem 1.2rem;
  flex: 1;
}
.rk-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-height: 20px;
}
.rk-soru {
  font-family: var(--f-mono); font-size: 0.6rem; color: var(--c-muted-2);
  background: rgba(255,255,255,0.05); padding: 0.14rem 0.42rem; border-radius: 4px;
  white-space: nowrap; margin-left: auto;
}
.rk-etiket {
  font-family: var(--f-mono); font-size: 0.58rem; font-weight: 800; letter-spacing: 0.12em;
  color: var(--c-bg); background: var(--c-gold); padding: 0.16rem 0.45rem; border-radius: 4px;
}
.rk-baslik {
  font-family: var(--f-display); font-size: 1.02rem; font-weight: 800;
  color: var(--c-cream); margin: 0; line-height: 1.35; letter-spacing: -0.01em;
}
.rk-ozet { color: var(--c-muted); font-size: 0.84rem; line-height: 1.6; flex: 1; }
.rk-cta {
  font-family: var(--f-mono); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.07em;
  color: var(--c-gold); margin-top: 0.35rem;
}
.rk-kart.rk-arac { border-color: rgba(214,168,79,0.35); }
.rk-kart.rk-arac:hover { border-color: var(--c-gold); }
.rk-kucuk .rk-baslik { font-size: 0.94rem; }
.rk-kucuk .rk-govde { padding: 0.9rem 1rem 1rem; }
.bk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 1.1rem;
}
.bk-kart {
  display: flex;
  flex-direction: column;
  background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line);
  border-top: 3px solid var(--k);
  border-radius: 14px;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.bk-kart:hover {
  transform: translateY(-4px);
  border-color: var(--k);
  box-shadow: 0 12px 38px rgba(0,0,0,0.45);
}
.bk-kart:hover .kart-img { transform: scale(1.05); }
.bk-govde { display: flex; flex-direction: column; gap: 0.4rem; padding: 1.1rem 1.2rem 1.25rem; flex: 1; }
.bk-ikon { font-size: 1.6rem; line-height: 1; }
.bk-ad {
  font-family: var(--f-display); font-size: 1.14rem; font-weight: 800;
  color: var(--c-cream); margin: 0; letter-spacing: -0.01em;
}
.bk-ozet { color: var(--c-muted); font-size: 0.85rem; line-height: 1.6; margin: 0; flex: 1; }
.bk-meta {
  font-family: var(--f-mono); font-size: 0.64rem; color: var(--c-muted-2);
  letter-spacing: 0.05em; margin-top: 0.3rem;
}
.bk-meta em { font-style: normal; color: var(--k); font-weight: 800; }
.aeo-blok { border-top: 1px solid var(--c-line); }
.aeo-nedir {
  padding: 1.6rem 1.8rem; background: rgba(13,27,47,0.5);
  border: 1px solid var(--c-line); border-left: 3px solid var(--c-pitch);
  border-radius: 16px; margin-bottom: 1.6rem;
}
.aeo-nedir h2 {
  font-family: var(--f-display); font-size: 1.5rem; color: var(--c-cream);
  margin: 0 0 1rem; letter-spacing: -0.02em;
}
.aeo-nedir p {
  color: var(--c-muted); line-height: 1.85; font-size: 0.98rem;
  margin: 0 0 0.9rem; max-width: 82ch;
}
.aeo-nedir p:last-child { margin-bottom: 0; }
.aeo-nedir strong { color: var(--c-cream); }
.aeo-sss h2 {
  font-family: var(--f-display); font-size: 1.5rem; color: var(--c-cream);
  margin: 0 0 1rem; letter-spacing: -0.02em;
}
.aeo-sss details {
  background: rgba(13,27,47,0.45); border: 1px solid var(--c-line);
  border-radius: 12px; margin-bottom: 0.6rem; overflow: hidden;
}
.aeo-sss details[open] { border-color: var(--c-gold); background: rgba(13,27,47,0.75); }
.aeo-sss summary {
  padding: 1rem 1.2rem; cursor: pointer; list-style: none;
  font-family: var(--f-display); font-weight: 700; font-size: 1rem;
  color: var(--c-cream); display: flex; align-items: center; gap: 0.7rem;
}
.aeo-sss summary::-webkit-details-marker { display: none; }
.aeo-sss summary::before {
  content: "▸"; color: var(--c-gold); font-size: 0.8rem; transition: transform 0.2s;
}
.aeo-sss details[open] summary::before { transform: rotate(90deg); }
.aeo-sss details p {
  padding: 0 1.2rem 1.1rem; margin: 0;
  color: var(--c-muted); line-height: 1.8; font-size: 0.93rem; max-width: 82ch;
}
.aeo-sss details p strong { color: var(--c-cream); }
.aeo-sss details p em { color: var(--c-muted-2); font-style: italic; }
.yd-rakam { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0.8rem; }
.yd-k {
  text-align: center; padding: 1.3rem 0.8rem; background: rgba(13,27,47,0.55);
  border: 1px solid var(--c-line); border-radius: 12px;
}
.yd-k.yd-ok { border-color: var(--c-pitch); background: rgba(79,209,161,0.08); }
.yd-k.yd-warn { border-color: var(--c-gold); background: rgba(214,168,79,0.08); }
.yd-k.yd-err { border-color: #E8734A; background: rgba(232,115,74,0.08); }
.yd-n { display: block; font-family: var(--f-display); font-size: 2rem; font-weight: 800; color: var(--c-cream); line-height: 1; }
.yd-k.yd-ok .yd-n { color: var(--c-pitch); }
.yd-k.yd-warn .yd-n { color: var(--c-gold); }
.yd-k.yd-err .yd-n { color: #FF8A5C; }
.yd-l { display: block; font-family: var(--f-mono); font-size: 0.6rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--c-muted); margin-top: 0.5rem; line-height: 1.5; }
.yd-say { font-family: var(--f-mono); color: var(--c-cream); font-weight: 700; }
.yd-ttl { font-family: var(--f-mono); color: var(--c-gold); }
.km-kaynak .df-bar{grid-column:3;grid-row:1}
.km-kaynak-yuksek .df-bar>span{background:#2E8B57}
.km-kaynak-orta .df-bar>span{background:#D8AF55}
.km-kaynak-dusuk .df-bar>span{background:#C0392B}
@media(max-width:560px){.km-kaynak{grid-template-columns:auto 1fr}
  .km-kaynak .df-bar{grid-column:1/-1;grid-row:2}.km-kaynak-a{grid-row:3}}
.il-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1.2rem 0 2rem}
.il-k{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;text-align:center}
.il-k b{display:block;font-size:1.9rem;font-weight:800;color:#B9872E;line-height:1}
.il-k span{display:block;font-size:.76rem;color:#6B7C90;margin-top:.3rem}
.il-liste{list-style:none;padding:0;margin:0}
.il-liste li{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;border-bottom:1px solid #eef2f7}
.il-liste a{flex:1;color:#0B2038;text-decoration:none;font-weight:650}
.il-liste a:hover{color:#B9872E}
.il-bar{flex:0 0 130px;height:8px;background:#eef2f7;border-radius:99px;overflow:hidden}
.il-bar>span{display:block;height:100%;background:linear-gradient(90deg,#49C9D6,#2E8B57);border-radius:99px}
.il-yuz{flex:0 0 3.2rem;text-align:right;font-size:.83rem;font-weight:800;color:#6B7C90;
  font-variant-numeric:tabular-nums}
.il-sifirla{margin-top:1.6rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:8px;
  background:#fff;cursor:pointer;font-size:.85rem;color:#6B7C90;font-family:inherit}
.il-sifirla:hover{border-color:#C0392B;color:#C0392B}
.df-rozet .df-bar{grid-column:3;grid-row:1;background:rgba(255,255,255,.14)}
.df-rozet-yuksek .df-bar>span{background:#4FD1A1}
.df-rozet-orta   .df-bar>span{background:#D8AF55}
.df-rozet-dusuk  .df-bar>span{background:#C0392B}
@media(max-width:560px){.df-rozet{grid-template-columns:auto 1fr}
  .df-rozet .df-bar{grid-column:1/-1;grid-row:2}.df-rozet-a{grid-row:3}}
ul.bs-konular{list-style:none;padding:0;margin:1rem 0 0;columns:2;column-gap:1.6rem}
@media(max-width:760px){ul.bs-konular{columns:1}}
ul.bs-konular li{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;
  break-inside:avoid;padding:.42rem 0;border-bottom:1px solid #f0f4f8;font-size:.9rem}
ul.bs-konular a{color:#0B2038;text-decoration:none;font-weight:600;flex:1}
ul.bs-konular a:hover{color:#B9872E}
ul.bs-konular b{color:#8FA1B3;font-weight:700;font-size:.75rem;white-space:nowrap}
.df-ters{background:#0B2038;padding:1.5rem 0;margin-top:2rem}
.df-ters-i{max-width:1120px;margin:0 auto;padding:0 1.25rem}
.df-ters-et{display:block;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:800;color:#49C9D6;margin-bottom:.45rem}
.df-ters p{margin:0 0 .9rem;color:#9FB3C8;font-size:.9rem;line-height:1.65;max-width:70ch}
.df-ters strong{color:#F2D486}
.df-ters-g{display:flex;flex-wrap:wrap;gap:.6rem}
.df-ters-k{display:inline-flex;align-items:baseline;gap:.55rem;padding:.55rem .9rem;border-radius:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(242,212,134,.3);text-decoration:none;
  color:#F2D486;font-weight:800;font-size:.82rem}
.df-ters-k span{color:#fff;font-weight:700}
.df-ters-k:hover{background:#F2D486;border-color:#F2D486;color:#0B2038}
.df-ters-k:hover span{color:#0B2038}
.df-hero{background:linear-gradient(160deg,#0B2038 0%,#071426 60%,#030914 100%);color:#E8EEF6;padding:44px 0 34px}
.df-hero h1{color:#fff;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.15;margin:.35rem 0 .5rem}
.df-hero-guven{background:linear-gradient(160deg,#2b1a0d 0%,#1a1208 55%,#0b0704 100%)}
.df-et{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#F2D486;
  border:1px solid rgba(242,212,134,.42);border-radius:999px;padding:.28rem .72rem;text-transform:uppercase}
.df-alt{color:#9FB3C8;font-size:.94rem;margin:0 0 1.1rem}
.df-ilke{margin-top:1.15rem;background:rgba(73,201,214,.08);border-left:3px solid #49C9D6;
  border-radius:0 8px 8px 0;padding:.85rem 1rem;font-size:.9rem;color:#D6E2EE;line-height:1.6}
.df-ilke a{color:#F2D486}
.df-ilke-guven{background:rgba(242,212,134,.09);border-left-color:#F2D486}
.df-kaydir{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:.7rem 0 1.5rem;
  border:1px solid var(--line,#e2e8f0);border-radius:10px}
table.df-t{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px;background:#fff}
table.df-t th{background:#0B2038;color:#F2D486;text-align:left;padding:.55rem .7rem;font-weight:700;
  font-size:.76rem;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0}
table.df-t td{padding:.5rem .7rem;border-top:1px solid #eef2f7;vertical-align:top}
table.df-t tbody tr:nth-child(even){background:#fafbfd}
table.df-t tbody tr:hover{background:#f2f7fd}
table.df-t td:first-child{font-weight:600}
table.df-t a{color:#0B5FA5;text-decoration:none;border-bottom:1px solid rgba(11,95,165,.25)}
table.df-t a:hover{color:#B9872E;border-bottom-color:#B9872E}
.df-not{background:#F6F8FB;border:1px solid #dfe6ef;border-left:4px solid #0B2038;border-radius:0 10px 10px 0;
  padding:1rem 1.15rem;margin:1.6rem 0;font-size:.9rem;line-height:1.65;color:#33475B}
.df-not a{color:#0B5FA5;font-weight:600}
.df-not-buyuk{background:#0B2038;color:#D6E2EE;border-color:#0B2038;border-left-color:#F2D486}
.df-not-buyuk h3{color:#F2D486;margin:0 0 .55rem;font-size:1.06rem}
.df-not-buyuk a{color:#F2D486}
.df-uyari{background:#FFF8E9;border-left:4px solid #D8AF55;border-radius:0 8px 8px 0;
  padding:.72rem .95rem;margin:.85rem 0 1.35rem;font-size:.85rem;line-height:1.6;color:#5C4813}
.df-alarm{background:#FDF2F2;border:1px solid #F5C6C6;border-left:5px solid #C0392B;border-radius:0 12px 12px 0;
  padding:1.15rem 1.3rem;margin:1.1rem 0 1.3rem;color:#6B2018}
.df-alarm p{margin:.35rem 0}
.df-alarm-buyuk{font-size:1.35rem;font-weight:800;color:#C0392B}
.df-kaynak{font-size:.79rem;color:#6B7C90;border-top:1px solid #e6ebf1;padding-top:.8rem;margin-top:1.9rem}
.df-kaynak code{background:#F1F5F9;padding:.1rem .34rem;border-radius:4px;font-size:.75rem;color:#334155}
.df-yok{display:flex;flex-wrap:wrap;gap:.42rem;margin:.8rem 0 1.15rem}
.df-yok span{background:#FDF2F2;color:#8B2E24;border:1px solid #F0D2D2;border-radius:999px;
  padding:.3rem .72rem;font-size:.8rem;font-weight:600}
.df-bar{display:block;height:8px;width:100%;min-width:78px;background:#eef2f7;border-radius:99px;overflow:hidden}
.df-bar>span{display:block;height:100%;background:linear-gradient(90deg,#C0392B,#D8AF55,#2E8B57);border-radius:99px}
@media(max-width:640px){
  .df-ozet{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
  .df-k-d{font-size:1.05rem}
  table.df-t{font-size:.81rem;min-width:460px}
}