/* Zorunlu kural */
#sunheader{ display:none; }

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

/* Gövde ve tipografi (renkler ETİKET bazında) */
html,#content{ background:var(--bg); }
h1,h2,h3{ color:var(--ink); line-height:1.2; }
p{ color:var(--ink); }
.small, .opacity-75{ color:var(--muted)!important; }
section{background: none;}
#subheader{display: none;}
img{ max-width:100%; height:auto; }

/* HERO */
.br-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);
}
.br-hero-bottom-glow{
  position:absolute; left:0; right:0; bottom:-1px; height:1px;
  box-shadow: 0 -18px 60px 24px var(--accent-20);
}
.br-hero-icon{
  font-size:64px; color:var(--accent);
  display:inline-block; padding:14px 18px; border:1px dashed var(--accent);
  border-radius:16px; opacity:.9;
}

/* Cards/Grid */
.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:22px;
  box-shadow: var(--shadow);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  height:100%;
}
.br-card:hover{
  transform: translateY(-6px);
  border-color: var(--accent);
  box-shadow: 0 22px 50px rgba(20,255,114,.18);
}
.br-card-icon{
  width:48px; height:48px; border-radius:14px;
  display:grid; place-items:center; margin-bottom:10px;
  color:var(--accent); font-size:22px;
  border:1px solid var(--accent);
  background: rgba(20,255,114,.06);
}

/* CTA & Footer */
.br-cta{ border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  background: linear-gradient(180deg, rgba(20,255,114,.10), rgba(20,255,114,.04));}
.br-footer{ border-top:1px solid var(--border); background:#0b1327; color:var(--muted); }

/* Buttons */
.br-btn{
  --py:.7rem; --px:1rem;
  padding:var(--py) var(--px);
  border-radius:14px;
  border:1px solid transparent;
  font-weight:700; letter-spacing:.2px;
}
.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; }

/* Animations (scroll görünce) */
.br-fade-up, .br-float{ opacity:0; transform: translateY(16px); will-change: transform, opacity; }
@keyframes adz-fade-up{ from{opacity:0; transform: translateY(16px)} to{opacity:1; transform:none} }
@keyframes adz-float{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }

.is-in.br-fade-up{ animation: adz-fade-up .6s ease both; }
.is-in.br-fade-up.br-fade-up-delay-1{ animation-delay:.15s; }
.is-in.br-fade-up.br-fade-up-delay-2{ animation-delay:.3s; }

.is-in.br-float{ opacity:1; transform:none; animation: adz-float 6s ease-in-out infinite; }

/* Responsive */
@media (max-width: 991.98px){
  .display-5{ font-size:2rem; }
}