/* Felix akıllı açılış 10 - yalnızca fx-intro isim alanı kullanılır. */
.fx-intro{--fx-cyan:#00dafa;--fx-magenta:#ff19ae;--fx-yellow:#ffe500;--fx-bg:#041021;position:fixed;inset:0;z-index:2147480000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#f8fcff;background:radial-gradient(ellipse at 50% 47%,#11345c 0%,#08192f 43%,#020815 88%);isolation:isolate;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;animation:fx-intro-failsafe .25s linear 5s forwards}
.fx-intro *, .fx-intro *::before,.fx-intro *::after{box-sizing:border-box}
.fx-intro__stars{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,#c5efff 0 1px,transparent 1.5px) 15px 17px/97px 103px,radial-gradient(circle,#f2c7ed 0 1px,transparent 1.5px) 58px 64px/141px 143px;opacity:.17}
.fx-intro__heading{position:absolute;top:clamp(20px,7vh,76px);left:12px;right:12px;text-align:center;z-index:4}
.fx-intro__brand{display:block;font-size:clamp(24px,4.2vw,47px);font-weight:900;font-style:italic;letter-spacing:-.06em;line-height:1.08;text-shadow:0 0 24px rgba(0,204,255,.4)}
.fx-intro__brand span{font-size:.34em;letter-spacing:.2em;vertical-align:middle;font-style:normal;margin-left:.45em;font-weight:700;color:#c9ddfa}
.fx-intro__brand::after{content:"";display:block;width:clamp(100px,13vw,173px);height:4px;border-radius:5px;margin:8px auto 0;background:linear-gradient(90deg,var(--fx-cyan) 0 34%,var(--fx-magenta) 34% 67%,var(--fx-yellow) 67%)}
.fx-intro__heading p{font-size:clamp(11px,1.6vw,14px);letter-spacing:.14em;color:#a6c0da;margin:15px 0 0}
.fx-intro__space{width:min(780px,98vw);height:min(580px,64vh);min-height:300px;position:relative;flex:0 0 auto;margin-top:38px}
.fx-intro__orbit-line{position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-23deg);border:1px solid rgba(40,189,252,.24);box-shadow:0 0 30px rgba(0,181,239,.13),inset 0 0 25px rgba(0,181,239,.08);border-radius:50%;width:77%;height:79%;pointer-events:none}
.fx-intro__orbit-line--two{width:57%;height:62%;transform:translate(-50%,-50%) rotate(23deg);border-color:rgba(255,35,180,.25)}
.fx-intro__hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(65px,13vw,112px);height:clamp(65px,13vw,112px);border-radius:50%;border:1px solid rgba(89,216,255,.55);background:radial-gradient(circle at 35% 30%,#17466c,#071426 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 32px rgba(0,208,255,.22),inset 0 0 18px rgba(0,195,255,.1);color:white;gap:0}
.fx-intro__hub span{font-size:clamp(31px,6vw,54px);font-weight:950;font-style:italic;line-height:1}
.fx-intro__hub small{font-size:8px;letter-spacing:.1em;color:#9fdaf2}
.fx-intro__node{--fx-tone:#00dafa;--fx-shadow:rgba(0,218,250,.26);position:absolute;width:clamp(92px,19vw,151px);height:clamp(92px,19vw,151px);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 12px var(--fx-shadow));z-index:2;transition:left var(--fx-focus-duration,.75s) cubic-bezier(.17,.8,.2,1),top var(--fx-focus-duration,.75s) cubic-bezier(.17,.8,.2,1),transform var(--fx-focus-duration,.75s) cubic-bezier(.17,.8,.2,1),opacity .35s ease,filter .5s ease}
.fx-intro__node--0{left:50%;top:12%}.fx-intro__node--1{left:15%;top:41%}.fx-intro__node--2{left:85%;top:41%}.fx-intro__node--3{left:29%;top:85%}.fx-intro__node--4{left:71%;top:85%}
.fx-intro__node--magenta{--fx-tone:#ff1caf;--fx-shadow:rgba(255,28,175,.27)}
.fx-intro__node--yellow{--fx-tone:#ffe100;--fx-shadow:rgba(255,225,0,.28)}
.fx-intro__node--silver{--fx-tone:#d8e6ff;--fx-shadow:rgba(197,220,245,.22)}
.fx-intro__node--purple{--fx-tone:#a782ff;--fx-shadow:rgba(167,130,255,.3)}
.fx-intro__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--fx-cyan),transparent 20%,var(--fx-magenta) 36%,transparent 51%,var(--fx-yellow) 68%,transparent 83%,var(--fx-cyan) 100%);box-shadow:0 0 20px var(--fx-shadow),0 0 32px var(--fx-shadow);animation:fx-intro-spin 5s linear infinite}
.fx-intro__ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:linear-gradient(155deg,#152f4e,#041020 65%);box-shadow:inset 0 10px 17px rgba(0,0,0,.3)}
.fx-intro__node-content{position:absolute;inset:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}
.fx-intro__mark{color:var(--fx-tone);font-weight:950;font-style:italic;font-size:clamp(30px,5.3vw,52px);line-height:1;text-shadow:0 0 18px var(--fx-tone)}
.fx-intro__node-label{font-size:clamp(10px,1.45vw,14px);font-weight:750;line-height:1.15;color:#fff;text-shadow:0 2px 9px #000}
.fx-intro__foot{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:13px;z-index:4;color:#bed3e8}
.fx-intro__target{font-size:12px;letter-spacing:.07em}
.fx-intro__skip{border:1px solid rgba(190,220,255,.28);padding:9px 16px;min-height:42px;border-radius:10px;background:rgba(9,23,44,.78);color:#dfedff;font-size:12px;font-weight:700;cursor:pointer}
.fx-intro__skip:hover,.fx-intro__skip:focus-visible{border-color:var(--fx-cyan);outline:2px solid transparent;background:rgba(17,56,77,.92)}
.fx-intro--focus .fx-intro__node:not(.fx-intro__node--selected){opacity:.08;transform:translate(-50%,-50%) scale(.6)}
.fx-intro--focus .fx-intro__node--selected{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6);z-index:10;filter:drop-shadow(0 0 24px var(--fx-tone))}
.fx-intro--focus .fx-intro__hub{opacity:0;transition:opacity .25s}
.fx-intro--focus .fx-intro__node--selected .fx-intro__ring{animation-duration:1.1s}
.fx-intro--exit{opacity:0;pointer-events:none;transition:opacity .25s}
@keyframes fx-intro-spin{to{transform:rotate(360deg)}}
@keyframes fx-intro-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:600px){.fx-intro__space{height:min(450px,58vh);margin-top:30px}.fx-intro__node{width:clamp(84px,24vw,111px);height:clamp(84px,24vw,111px)}.fx-intro__node--0{top:12%}.fx-intro__node--1{left:19%;top:41%}.fx-intro__node--2{left:81%;top:41%}.fx-intro__node--3{left:30%;top:84%}.fx-intro__node--4{left:70%;top:84%}.fx-intro__hub{width:65px;height:65px}.fx-intro__heading{top:clamp(20px,5vh,48px)}.fx-intro__foot{bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-height:570px){.fx-intro__heading{top:7px}.fx-intro__space{height:58vh;min-height:230px;margin-top:43px}.fx-intro__foot{bottom:8px;gap:4px}.fx-intro__node{width:clamp(73px,13vh,98px);height:clamp(73px,13vh,98px)}}
@media(prefers-reduced-motion:reduce){.fx-intro *,.fx-intro *::before,.fx-intro *::after{animation:none!important;transition:none!important}.fx-intro{animation:fx-intro-failsafe .01s linear .5s forwards}}

/* SELAMLAMA 11: hızla yüklenen sayfa bile selam aşamasını atlamaz. */
.fx-intro{animation:fx-intro-failsafe .25s linear 24s forwards}
.fx-intro--greet .fx-intro__node:not(.fx-intro__node--selected){opacity:.08;transform:translate(-50%,-50%) scale(.6)}
.fx-intro--greet .fx-intro__hub{opacity:0;transition:opacity .25s}
.fx-intro--greet .fx-intro__node--selected{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6);z-index:10;filter:drop-shadow(0 0 25px var(--fx-tone));animation:fx-intro-selam var(--fx-greet-duration,1s) ease-in-out both}
.fx-intro__salute{position:absolute;left:50%;top:79%;transform:translate(-50%,9px) scale(.88);opacity:0;z-index:12;font-size:clamp(15px,3vw,27px);font-weight:900;letter-spacing:.19em;color:#fff;text-shadow:0 0 17px #00dafa,0 0 26px #ff19ae;pointer-events:none;white-space:nowrap}
.fx-intro__salute span{color:#ffe500}
.fx-intro--greet .fx-intro__salute{animation:fx-intro-merhaba var(--fx-greet-duration,1s) ease-in-out both}
@keyframes fx-intro-selam{
  0%,100%{transform:translate(-50%,-50%) scale(1.60) rotate(0deg)}
  20%{transform:translate(-50%,-47%) scale(1.66) rotate(-10deg)}
  44%{transform:translate(-50%,-46%) scale(1.60) rotate(7deg)}
  69%{transform:translate(-50%,-49%) scale(1.63) rotate(-3deg)}
}
@keyframes fx-intro-merhaba{
  0%{opacity:0;transform:translate(-50%,12px) scale(.85)}
  24%,78%{opacity:1;transform:translate(-50%,0) scale(1)}
  100%{opacity:0;transform:translate(-50%,-7px) scale(1.04)}
}
@media(max-width:600px){.fx-intro__salute{top:82%;font-size:16px}}
@media(prefers-reduced-motion:reduce){.fx-intro--greet .fx-intro__node--selected,.fx-intro--greet .fx-intro__salute{animation:none!important}}

/* FELIX V12 — sadece selam sonrası merkezde 1 saniye bekleme. */
.fx-intro--hold .fx-intro__node:not(.fx-intro__node--selected){opacity:.08;transform:translate(-50%,-50%) scale(.6)}
.fx-intro--hold .fx-intro__hub{opacity:0}
.fx-intro--hold .fx-intro__node--selected{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.6) rotate(0deg);z-index:10;filter:drop-shadow(0 0 25px var(--fx-tone));animation:none}
.fx-intro--hold .fx-intro__node--selected .fx-intro__ring{animation-duration:1.1s}
.fx-intro--hold .fx-intro__salute{opacity:0}

/* FELIX V1.3: Yalniz yuklenen logonun ic gorseli degisir. V12 animasyonunu bozma. */
.fx-intro__logo-img{display:block;max-width:94%;max-height:90%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 1px 5px rgba(0,0,0,.25))}

/* SmartDesk Acilis V1: merkeze bagimsiz gorsel. Halka olculerine dokunma. */
.fx-intro__center-img{display:block;max-width:92%;max-height:90%;object-fit:contain;filter:drop-shadow(0 2px 5px #0008)}