/* UNINI Network V4 | Aşama 12 - gerçek, görünür fakat hafif arka plan hareketi.
   Performans: resim ve renk katmanları sabit/kompozit; tam ekran blur veya
   hareket eden background-position kullanılmaz. Transform GPU'da işler. */
:root {--un12-soft-purple:rgba(183,74,239,.62);--un12-soft-gold:rgba(255,189,70,.57)}
html{scroll-behavior:auto}
body{background:#150720!important;isolation:isolate}
/* Önceki ::after katmanı %1 kayarak neredeyse görünmüyordu. Üst üste
   birden fazla aurora kompozisyonunun çizim yükünü de kaldırıyoruz. */
body::before,body::after{content:none!important;animation:none!important}
.un12-scene{
 position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;
 contain:paint;transform:translateZ(0);
}
.un12-wallpaper{
 position:absolute;inset:-2px;
 background:linear-gradient(125deg,rgba(22,5,43,.40),rgba(38,7,61,.19) 48%,rgba(20,5,33,.40)),url('cinematic-bg.jpg') center center/cover no-repeat;
}
.un12-orb{position:absolute;display:block;pointer-events:none;will-change:transform;transform:translate3d(0,0,0);border-radius:50%}
.un12-orb-purple{
 width:75vw;height:75vw;min-width:650px;min-height:650px;
 top:-25vw;left:-27vw;
 background:radial-gradient(ellipse at 50% 50%,rgba(167,56,245,.55) 0%,rgba(193,67,238,.32) 24%,rgba(205,83,255,.10) 52%,transparent 71%);
 animation:un12-purple-flow 18s ease-in-out infinite alternate;
}
.un12-orb-gold{
 width:78vw;height:78vw;min-width:620px;min-height:620px;
 top:10vh;right:-35vw;
 background:radial-gradient(ellipse at 50% 50%,rgba(255,192,75,.56) 0%,rgba(255,161,65,.32) 24%,rgba(240,132,94,.09) 54%,transparent 73%);
 animation:un12-gold-flow 22s ease-in-out infinite alternate;
}
.un12-orb-pink{
 width:60vw;height:60vw;min-width:460px;min-height:460px;
 bottom:-45vw;left:19vw;
 background:radial-gradient(ellipse at 50% 50%,rgba(224,72,168,.30),rgba(160,56,237,.13) 40%,transparent 73%);
 animation:un12-pink-flow 27s ease-in-out infinite alternate;
}
@keyframes un12-purple-flow {
 0%{transform:translate3d(-7vw,-3vh,0) rotate(-13deg) scale(.95)}
 50%{transform:translate3d(15vw,16vh,0) rotate(11deg) scale(1.08)}
 100%{transform:translate3d(28vw,-5vh,0) rotate(26deg) scale(.99)}
}
@keyframes un12-gold-flow {
 0%{transform:translate3d(5vw,10vh,0) rotate(-15deg) scale(.93)}
 50%{transform:translate3d(-17vw,-13vh,0) rotate(12deg) scale(1.07)}
 100%{transform:translate3d(-25vw,11vh,0) rotate(-5deg) scale(1)}
}
@keyframes un12-pink-flow {
 0%{transform:translate3d(-13vw,0,0) scale(1)}
 100%{transform:translate3d(17vw,-19vh,0) scale(1.15)}
}
/* Kartlar pahalı arka-plan bulanıklığı yerine yarı saydam koyu cam kullanır.
   Sadece küçük üst panel ve açık menüde hafif backdrop blur kalır. */
.glass{
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
 background:linear-gradient(138deg,rgba(98,39,148,.69),rgba(26,12,51,.82) 58%,rgba(91,35,92,.61));
}
.un-header .un-topbar{
 -webkit-backdrop-filter:blur(7px) saturate(120%)!important;
 backdrop-filter:blur(7px) saturate(120%)!important;
}
.un-message-panel.un-open,.un-side-menu.un-open{
 -webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;
}
/* Çevresindeki güçlü drop-shadow ile sürekli yer değiştiren büyük logo
   ekranı pahalı biçimde yeniden boyuyordu. Gölgeyi CSS box-shadow'a taşı. */
.hero-emblem img{filter:none!important;box-shadow:0 0 25px rgba(255,200,112,.23);animation:un12-emblem-float 8s ease-in-out infinite}
@keyframes un12-emblem-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
/* Başlık parıltısı artık yalnızca neredeyse görünmeyen sahte bir 
   çizgi değil, harflerin içinde hareket eden mor-altın bir renk geçişidir. */
.un-wordmark{isolation:isolate;overflow:hidden;filter:none!important}
.un-wordmark span:first-child{
 color:#f5ddff;
 background:linear-gradient(110deg,#f5ddff 7%,#fff8ff 24%,#c987ff 43%,#fffaff 56%,#d6a4ff 75%,#f5ddff 98%);
 background-size:240% 100%;background-position:100% center;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 animation:un12-logo-color 7s ease-in-out infinite;
 text-shadow:none;
}
.un-wordmark span:last-child{
 color:#ffda85;
 background:linear-gradient(105deg,#ffd37b 5%,#fff4c2 31%,#edab39 47%,#fff3b1 64%,#ffd37b 95%);
 background-size:240% 100%;background-position:100% center;
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
 animation:un12-logo-color 7s ease-in-out infinite;
 text-shadow:none;
}
.un-wordmark::after{
 animation:un12-word-shine 6.5s cubic-bezier(.2,.72,.2,1) infinite!important;
 background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.06) 47%,rgba(255,247,205,.72) 50%,rgba(240,166,255,.21) 55%,transparent 60%);
 mix-blend-mode:screen;
}
@keyframes un12-logo-color{0%,15%{background-position:100% 0}60%,100%{background-position:0% 0}}
@keyframes un12-word-shine{0%,16%{transform:translate3d(-170%,0,0)}55%,100%{transform:translate3d(170%,0,0)}}
/* Kısa sayfalarda içerik görünürlüğünü geciktirmiyoruz: henüz ölçülmemiş
   kutular kaydırma sırasında yer değiştirmesin. */
@media(max-width:750px){
 .un12-orb-purple{min-width:390px;min-height:390px;top:-10vh;left:-43vw}
 .un12-orb-gold{min-width:390px;min-height:390px;right:-58vw;top:30vh}
 .un12-orb-pink{min-width:370px;min-height:370px;bottom:-16vh;left:-30vw}
 .un-header .un-topbar{backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
 .hero-emblem img{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .un12-orb,.un-wordmark span,.un-wordmark::after,.hero-emblem img{animation:none!important}
}