/* OY OY · Ana sayfa "glassmorphism" görünümü — yalnızca <body class="glass"> (index.php). */
body.glass{
  background:linear-gradient(160deg,#efe9ff 0%,#e4ecff 45%,#fde9f5 100%) fixed;
}
/* arkada süzülen renkli ışık küreleri: cam yüzeylerin bulanıklaştıracağı zemin */
body.glass::before,body.glass::after{
  content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.75}
body.glass::before{width:520px;height:520px;left:-140px;top:60px;background:radial-gradient(circle,#8f7dff 0%,rgba(143,125,255,0) 70%);animation:glassFloatA 18s ease-in-out infinite alternate}
body.glass::after{width:560px;height:560px;right:-160px;top:420px;background:radial-gradient(circle,#ff8fcf 0%,rgba(255,143,207,0) 70%);animation:glassFloatB 22s ease-in-out infinite alternate}
@keyframes glassFloatA{to{transform:translate(120px,260px) scale(1.15)}}
@keyframes glassFloatB{to{transform:translate(-140px,-220px) scale(1.1)}}
@media (prefers-reduced-motion:reduce){body.glass::before,body.glass::after{animation:none}}

/* cam yüzey: yarı saydam beyaz + blur + ince parlak kenar + iç ışık */
body.glass .stat,
body.glass .feature,
body.glass .step,
body.glass .pf-col,
body.glass .jstep,
body.glass .faq details,
body.glass .hero-badges span,
body.glass .shot-cap,
body.glass .inc-item,
body.glass .ad-visual,
body.glass .price,
body.glass .card-form,
body.glass .contact-list a,
body.glass .contact-list div,
body.glass .ct2-topic,
body.glass .ct2-q,
body.glass .ct2-company,
body.glass .rk-panel,
body.glass .res-card{
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.28));
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 10px 32px rgba(70,50,160,.14),inset 0 1px 0 rgba(255,255,255,.9)}
body.glass .shot-cap{padding:14px 16px;border-radius:18px;margin-top:6px}
body.glass .feature:hover,body.glass .stat:hover{box-shadow:0 18px 44px rgba(70,50,160,.22),inset 0 1px 0 rgba(255,255,255,.95)}
body.glass .feature .ico,body.glass .pf-ico{background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 #fff}
body.glass .pf-col::before{opacity:.85}

/* üst menü ve eyebrow */
body.glass .site-header{
  background:rgba(28,20,78,.55);
  -webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);
  border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 8px 30px rgba(20,14,58,.18)}
body.glass .eyebrow{
  background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.7);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* butonlar */
body.glass .btn-ghost{
  background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.75);color:var(--brand-ink);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
body.glass .btn-primary{box-shadow:0 10px 26px rgba(91,75,230,.38),inset 0 1px 0 rgba(255,255,255,.35)}

/* koyu gradyan bantlar (Team, CTA) cam parlaklığı alır */
body.glass .team-promo,
body.glass .cta-band{
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 18px 46px rgba(37,25,90,.30),inset 0 1px 0 rgba(255,255,255,.35)}

/* oyun kartları: renkli zemin üstüne cam rozet/etiket */
body.glass .gg-card{box-shadow:0 12px 30px rgba(40,30,100,.22),inset 0 1px 0 rgba(255,255,255,.45)}
body.glass .gg-badge,body.glass .gg-tag{
  background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* tarayıcı blur desteklemiyorsa okunur kalsın */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.glass .stat,body.glass .feature,body.glass .step,body.glass .pf-col,body.glass .jstep,
  body.glass .faq details,body.glass .hero-badges span,body.glass .shot-cap,body.glass .inc-item,body.glass .ad-visual,
  body.glass .price,body.glass .card-form,body.glass .contact-list a,body.glass .contact-list div,body.glass .ct2-topic,
  body.glass .ct2-q,body.glass .ct2-company,body.glass .rk-panel,body.glass .res-card{background:rgba(255,255,255,.9)}
}
body.glass .price.featured{border-color:rgba(124,107,255,.9);box-shadow:0 20px 50px rgba(91,75,230,.3),inset 0 1px 0 rgba(255,255,255,.9)}
body.glass .card-form input,body.glass .card-form select,body.glass .card-form textarea{background:rgba(255,255,255,.75)}
/* WhatsApp kartı: yeşil gradyan + beyaz yazı korunur (cam kuralı ezmesin) */
body.glass .ct2-q.wa{
  background:linear-gradient(135deg,rgba(37,211,102,.92),rgba(18,140,126,.92));
  border-color:rgba(255,255,255,.45);
  box-shadow:0 12px 30px rgba(18,140,126,.35),inset 0 1px 0 rgba(255,255,255,.5)}