/* Sitenin canlı katmanı: aurora, fare izi tuvali, belirme, eğilen kartlar, renkli başlıklar */

/* ---------- aurora arka plan ----------
 * Bulanıklaştırma (filter: blur) YOK: renkler zaten yumuşak radyal geçişler, bir kez çizilir.
 * Hareket yalnızca transform ile (ekran kartında ucuz). */
.aurora { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; will-change: transform; transform: translateZ(0); }
.aurora i { display: none; }
.aurora::before, .aurora::after { content: ""; position: absolute; inset: 0; }
.aurora::before {
  background:
    radial-gradient(38% 34% at 18% 16%, rgba(233,185,73,.20), transparent 70%),
    radial-gradient(40% 38% at 84% 30%, rgba(124,107,214,.24), transparent 70%),
    radial-gradient(36% 34% at 40% 88%, rgba(63,182,168,.16), transparent 70%);
}
.aurora::after {
  background:
    radial-gradient(30% 30% at 72% 82%, rgba(217,105,138,.15), transparent 70%),
    radial-gradient(34% 30% at 30% 45%, rgba(124,107,214,.12), transparent 70%);
}
@keyframes au-a { to { transform: translate3d(6%, 5%, 0) rotate(8deg); } }
@keyframes au-b { to { transform: translate3d(-7%, -6%, 0) rotate(-10deg); } }
@media (prefers-reduced-motion: reduce) { .aurora::before, .aurora::after { animation: none; } }

/* ---------- fare izi ---------- */
.iz-tuval { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 90; pointer-events: none; }

/* ---------- sayfa girişi ---------- */
html.canli #sayfa.c-giris { animation: c-sayfa .7s cubic-bezier(.2,.7,.2,1); }
@keyframes c-sayfa { from { opacity: 0; transform: translateY(12px); } }

/* ---------- kaydırınca belirme ---------- */
html.canli [data-cb] { transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--ci, 0) * 60ms); }
html.canli [data-cb]:not(.c-gor) { opacity: 0; transform: translateY(24px); }

/* ---------- eğilen, ışık saçan kartlar ---------- */
html.canli .mz-kart, html.canli .his-liste > li > *, html.canli .karisim, html.canli .koleksiyon-satir, html.canli .yazi-satir, html.canli .blog-kart, html.canli .disk, html.canli .amac-kart, html.canli .yazi-manzara, html.canli .frekans-kart, html.canli .kart {
  transition: transform .3s ease-out, box-shadow .4s, border-color .4s;
}
html.canli .c-uzerinde { transform: perspective(900px) rotateX(var(--crx, 0deg)) rotateY(var(--cry, 0deg)); }
html.canli .c-uzerinde { box-shadow: 0 24px 50px -24px rgba(124,107,214,.55), 0 0 0 1px rgba(233,185,73,.18); }
html.canli .c-uzerinde:not(.blog-kart):not(.his-liste > li > *) {
  background-image: radial-gradient(420px circle at var(--cmx, 50%) var(--cmy, 50%), rgba(233,185,73,.10), transparent 45%);
}
/* mıknatıslı düğmeler */
html.canli .dugme.ana, html.canli .cal.buyuk { transition: translate .25s cubic-bezier(.3,1.4,.5,1), background-color .2s, box-shadow .3s; }
html.canli .dugme.ana:hover { box-shadow: 0 10px 34px rgba(233,185,73,.4); }

/* ---------- renkli, akan başlıklar ---------- */
html.canli main h1:not(.h-baslik):not(.acilis h1), html.canli .bolum-bas h2 {
  background: linear-gradient(100deg, var(--yazi) 0%, var(--yazi) 35%, #E9B949 50%, #B7A9F2 62%, var(--yazi) 78%);
  background-size: 260% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;
  background-position: 100% 0;
}
html.canli .bolum-bas h2.c-gor, html.canli .bolum-bas.c-gor h2, html.canli main h1:not(.h-baslik):not(.acilis h1) { animation: c-baslik 2.4s ease-out 1 both; }
@keyframes c-baslik { from { background-position: 0% 0; } to { background-position: 100% 0; } }

/* ---------- ana sayfa: çal düğmesi çekirdek, etrafında dönen elektronlar ---------- */
.cal.buyuk { position: relative; }
.cal.buyuk svg.atom, .atom { position: absolute; left: 50%; top: 50%; width: 340px; height: 340px; max-width: none; margin: -170px 0 0 -170px; pointer-events: none; z-index: -1; overflow: visible; }
.atom ellipse { fill: none; stroke-width: 1; }
@media (max-width: 600px) { .cal.buyuk svg.atom, .atom { width: 270px; height: 270px; margin: -135px 0 0 -135px; } }

@media (prefers-reduced-motion: reduce) {
  html.canli main h1, html.canli .bolum-bas h2 { animation: none; }
}

/* giriş yazıları kürenin üstünde net okunsun */
.acilis-ic { position: relative; }
.acilis-ic::before { content: ""; position: absolute; inset: 8% -6%; z-index: -1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(13,9,25,.62), rgba(13,9,25,.35) 60%, transparent); pointer-events: none; }
.acilis h1 { color: var(--yazi); }

/* renkli başlıklarda g, y, ş, ç gibi aşağı sarkan harfler kesilmesin (renk harfin kutusuyla sınırlı) */
html.canli main h1:not(.h-baslik):not(.acilis h1), html.canli .bolum-bas h2 { padding-bottom: 0.14em; margin-bottom: -0.14em; }