/* Zorunlu kurallar */
#subheader{ display:none; }
section{ background:none; }

/* Hero margin-top:50px */
.br-hero{ margin-top:50px; }

/* 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 (istenen) */
html,#content{ background:var(--bg); }
h1,h2,h3{ color:var(--ink); line-height:1.25; }
p{ color:var(--ink); }

/* Yardımcı stiller */
.text-accent{ color:var(--accent); }
.border-y{ border-top:1px solid var(--border); border-bottom:1px solid var(--border); }

/* Hero badge */
.br-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;
}

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

/* Kartlar */
.br-card{
  background: linear-gradient(180deg, rgba(27,40,80,.58), rgba(27,40,80,.36));
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px;
  box-shadow: var(--shadow);
  height:100%;
}

.br-card h3{color: #fff;}

/* Adım/süreç blokları */
.br-step{
  background: linear-gradient(180deg, rgba(14,20,36,.95), rgba(14,20,36,.6));
  border:1px solid var(--border);
  border-radius:14px;
  padding:16px 18px;
  margin-bottom:14px;
}

/* Liste & etiketler */
.br-list ul{ margin:0; padding-left:1.2rem; }
.br-list li{ margin:.35rem 0; color:var(--ink); }

.br-tags{ list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px; }
.br-tags li{
  color:var(--ink);
  border:1px solid var(--accent);
  background: rgba(20,255,114,.06);
  border-radius:999px;
  padding:8px 12px;
  font-size:.9rem;
}

/* Not kutusu */
.br-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 */
.br-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;
}
.br-btn--primary{ background:var(--accent); color:#140a2a; border-color:var(--accent); }
.br-btn--primary:hover{ filter:brightness(.92); color:#140a2a; }
.br-btn--ghost{ background:transparent; color:var(--ink); border:1px solid rgba(255,255,255,.24); }
.br-btn--ghost:hover{ border-color:var(--ink); color:#fff; }

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