/* ========================================================================== FUA Backdrop — akan aurora zemin -------------------------------------------------------------------------- Canvas gövdenin ilk çocuğu, fixed ve z-index 0. Üstündeki tüm kabuklar saydam olmalı, yoksa zemin görünmez (eski hata buydu: #landing-page opak #08080A ile tüm ekranı kapatıyordu). ========================================================================== */ /* z-index: -1 → canvas icerigin ALTINA duser ve sayfadaki hicbir seyin konumlandirmasina karismak gerekmez. Onceki surumde canvas z-index: 0 idi ve icerigi ustte tutmak icin `body > *:not(.fua-backdrop) { position: relative; z-index: 1 }` yaziliyordu. `:not(.fua-backdrop)` seciciyi (0,1,1) yapiyor ve `.modal-overlay` (0,1,0) kuralini yeniyordu: 17 modal kaplamasi position:fixed yerine relative olup akisa giriyor, paneli 1000px asagi itiyordu. Blanket kural KULLANMA. */ .fua-backdrop { position: fixed; inset: 0; z-index: -1; display: block; width: 100%; height: 100%; pointer-events: none; /* Canvas yarı çözünürlükte çiziliyor; tarayıcı ölçeklerken yumuşatsın */ image-rendering: auto; background: #08080A; } /* ---------- WebGL yoksa: CSS mesh gradient --------------------------- Aurora UI profilinin 8-12sn döngüsü. background-position animasyonu compositor'da kalır; width/height/filter animasyonu yok. */ .fua-backdrop.is-css { background-color: #08080A; background-image: radial-gradient(42% 38% at 18% 8%, rgba(58, 46, 122, .55) 0%, transparent 66%), radial-gradient(46% 40% at 82% 4%, rgba(30, 58, 110, .48) 0%, transparent 68%), radial-gradient(52% 34% at 50% -6%, rgba(74, 74, 102, .34) 0%, transparent 70%), radial-gradient(60% 50% at 50% 104%, rgba(30, 58, 110, .22) 0%, transparent 64%); background-size: 180% 180%, 170% 170%, 200% 160%, 200% 180%; background-position: 0% 0%, 100% 0%, 50% 0%, 50% 100%; animation: fua-bd-drift 11s ease-in-out infinite alternate; } @keyframes fua-bd-drift { from { background-position: 0% 0%, 100% 0%, 50% 0%, 50% 100%; } to { background-position: 18% 12%, 82% 10%, 56% 6%, 44% 92%; } } /* ---------- Üstteki kabuklar saydam olmalı --------------------------- #landing-page kendi kaydırma kabı (position: fixed, z-index: 1100) ve opak zemini vardı; zemin katmanı tamamen arkasında kalıyordu. Renk artık body'de duruyor, kabuk yalnızca kaydırmayı taşıyor. */ #landing-page, #landing-page > main, body > .flex.min-h-screen { background-color: transparent !important; } /* Panel kabugu (body > .flex.min-h-screen) DOM'da her zaman duruyor; giris yapilmamisken onu gizleyen sey #landing-page'in OPAK zeminiydi. Zemini saydamlastirinca "Genel Bakis / Ogrenciler / Basvurular" kenar cubugu ana ekranda gorunur hale geldi. display:none degil visibility:hidden — panel acilirken olcu alan kod (grafik genislikleri, scroll kaplari) bozulmasin diye layout korunuyor; eskiden de kabuk yerindeydi, sadece ustu ortuluydu. data-fua-view'i fua-backdrop.js yaziyor. */ html[data-fua-view="landing"] body > .flex.min-h-screen { visibility: hidden; } /* Canvas z-index: -1 oldugu icin gövde zemini SAYDAM olmali, yoksa canvas'i orter. Taban rengi 'e tasiniyor. body'de `bg-background-light` sinifi var; !important gerekiyor. */ html { background-color: #08080A; } body { background-color: transparent !important; } /* ---------- Hareket azaltma ------------------------------------------ JS zaten tek kare çizip döngüyü hiç başlatmıyor; CSS yedeğinde de animasyonu durduruyoruz. Zemin durur ama kaybolmaz. */ @media (prefers-reduced-motion: reduce) { .fua-backdrop.is-css { animation: none; } }