/* Tema değişkenleri */
:root{
  --ink:#e6edf7;
  --muted:#9aa4b2;
  --bg:#0e1424;
  --panel:#121a2f;
  --border:#202a45;
  --accent:#14ff72;
  --accent-20:#14ff7240;
  --shadow:0 18px 40px rgba(0,0,0,.32);
}

/* Etiket bazlı renkler (tutarlı tipografi) */
h1,h2,h3{ color:var(--ink); line-height:1.25; }
p{ color:var(--ink); }
.lead{ color:var(--ink); }
.small,.opacity-75{ color:var(--muted)!important; }



/* Sayfa genel */
#content{ background:var(--bg); min-height:100dvh; }
img{ max-width:100%; height:auto; }
#subheader{display: none;}
section{background: none;}

/* HERO (header yerine section) */
.bd-hero{
    margin-top: 50px;
  position:relative;
  background:
    radial-gradient(60% 60% at 20% 20%, var(--accent-20) 0%, transparent 60%),
    radial-gradient(60% 60% at 80% 30%, rgba(0,174,255,.18) 0%, transparent 60%),
    linear-gradient(180deg, #0f1832 0%, #0b1121 100%);
  border-bottom:1px solid var(--border);
}
.bd-hero-badge{
  display:inline-block;
  color:var(--ink);
  border:1px dashed var(--accent);
  background: rgba(20,255,114,.06);
  padding:10px 14px;
  border-radius:14px;
}
.bd-hero-bottom-glow{
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  box-shadow: 0 -18px 60px 24px var(--accent-20);
}

/* Bölüm geçişleri */
.bd-border-y{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); }

/* KPI */
.kpi{ margin:0; color:var(--muted); }
.kpi strong{ color:var(--ink); font-size:1.05rem; }

/* Liste ve notlar */
.bd-list{ margin:0; padding-left:1.15rem; list-style-type: disc;}
.bd-list li{ color:var(--ink); margin:.35rem 0; list-style: disc; }

.bd-note{
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px 14px;
  background: linear-gradient(180deg, rgba(27,40,80,.45), rgba(27,40,80,.25));
}

/* Butonlar */
.bd-btn{
  --py:.7rem; --px:1rem;
  padding:var(--py) var(--px);
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700; letter-spacing:.2px;
  display:inline-block; text-decoration:none;
}
.bd-btn--primary{ background:var(--accent); color:#140a2a; border-color:var(--accent); }
.bd-btn--primary:hover{ filter:brightness(.92); color:#140a2a; }
.bd-btn--ghost{ background:transparent; color:var(--ink); border:1px solid rgba(255,255,255,.24); }
.bd-btn--ghost:hover{ border-color:var(--ink); color:#fff; }

/* Footer */
.bd-footer{
  border-top:1px solid var(--border);
  background:#0b1327;
  color:var(--muted);
}

/* Responsive iyileştirmeler */
@media (max-width: 991.98px){
  .lead{ font-size:1rem; }
}