/* ===== BIO-Q ORTAK STIL: canli arka plan + glow + alt bandi ===== */
:root{
  --bq-ana:#1d9e75; --bq-ana-koyu:#0f6e56; --bq-mavi:#378add; --bq-mor:#7f77dd; --bq-teal:#25b386;
}
/* Canli akiskan arka plan */
body{ position:relative; overflow-x:hidden; }
body::before{
  content:""; position:fixed; inset:-20% -20% -20% -20%; z-index:-2;
  background:
    radial-gradient(650px 650px at 18% 28%, rgba(29,158,117,0.38), transparent 62%),
    radial-gradient(750px 750px at 82% 18%, rgba(55,138,221,0.34), transparent 62%),
    radial-gradient(700px 700px at 62% 82%, rgba(127,119,221,0.30), transparent 62%),
    radial-gradient(550px 550px at 12% 78%, rgba(37,179,134,0.32), transparent 62%);
  filter:blur(30px);
  animation:bqZeminAkis 22s ease-in-out infinite alternate;
}
@keyframes bqZeminAkis{
  0%{transform:translate(0,0) scale(1) rotate(0deg);}
  33%{transform:translate(-3%,2%) scale(1.08) rotate(2deg);}
  66%{transform:translate(2%,-3%) scale(1.05) rotate(-2deg);}
  100%{transform:translate(-2%,-1%) scale(1.1) rotate(1deg);}
}
@media (prefers-reduced-motion: reduce){ body::before{animation:none;} }

/* Alttan isik (glow) - .bq-glow sinifi olan butonlar/kartlar/linkler */
.bq-glow{ position:relative; }
.bq-glow::after{
  content:""; position:absolute; left:50%; bottom:-2px; width:70%; height:38px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center, rgba(29,158,117,0.55), rgba(55,138,221,0.35) 45%, transparent 75%);
  filter:blur(15px); opacity:0; transition:opacity .3s ease, width .3s ease;
  pointer-events:none; z-index:0;
}
.bq-glow:hover::after{ opacity:1; width:90%; }
.bq-glow:active::after{ opacity:1; width:100%; }
.bq-glow > *{ position:relative; z-index:1; }

/* Alt gelistirici bandi */
.bq-gelistirici-alt{
  margin-top:40px; padding:16px 12px; text-align:center; font-size:12.5px;
  color:#5e6875; border-top:1px solid #e7ebef; letter-spacing:0.2px;
}
.bq-gelistirici-alt b{ font-weight:700; color:#0f6e56; }

/* Dil butonlari (ust kose) */
.bq-dil{ display:inline-flex; gap:3px; background:rgba(255,255,255,0.7); padding:3px; border-radius:9px; border:1px solid #e7ebef; }
.bq-dil button{ padding:5px 12px; border:none; background:transparent; color:#5e6875; border-radius:6px; cursor:pointer; font-size:12px; font-weight:700; }
.bq-dil button.aktif{ background:#1d9e75; color:#fff; }