/* KYTHRION — KX PREMIUM katmanı (v1). Yalnızca görsel; renk paleti, logo, işlev ve DOM akışı değişmez.
   style.css + kx-arch.css üzerine biner. Geri almak için header.php'deki <link> satırını silmek yeterli. */
:root{--kxp-glow:rgba(139,92,246,.35);--kxp-cyan:rgba(34,211,238,.28);--kxp-ease:cubic-bezier(.2,.75,.25,1)}
/* --- Derinlik: hareketli ambient ışıklar (sabit, GPU dostu) --- */
body.site-shell:before{background:
 radial-gradient(900px 600px at 85% -10%,rgba(139,92,246,.2),transparent 60%),
 radial-gradient(700px 500px at -5% 35%,rgba(34,211,238,.1),transparent 60%),
 radial-gradient(800px 600px at 60% 110%,rgba(244,63,154,.09),transparent 60%)}
@keyframes kxpAmb{to{transform:translate3d(-2%,2%,0) scale(1.06)}}
#kxp-particles{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.9}
/* --- Sayfa geçişi --- */
body.site-shell{animation:kxpIn .5s ease backwards}
@keyframes kxpIn{from{opacity:0}}
body.kxp-leave{opacity:0;transition:opacity .2s ease}
/* --- Navbar: cam efekti + kayma sonrası yoğunlaşma + ışıklı alt çizgi --- */
.site-header{transition:background .35s,box-shadow .35s,border-color .35s,backdrop-filter .35s}
.site-header.kxp-scrolled{background:rgba(6,8,14,.82)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 50px rgba(0,0,0,.5),0 1px 0 rgba(139,92,246,.25)}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--cyan),transparent);opacity:.55;pointer-events:none}
@keyframes kxpLine{to{background-position:200% 0}}
.main-nav a,.nav-group-trigger{position:relative;transition:color .25s,text-shadow .25s}
.main-nav>a:after,.nav-group-trigger:after{content:"";position:absolute;left:12%;right:12%;bottom:2px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--kxp-ease);box-shadow:0 0 12px var(--violet)}
.main-nav>a:hover:after,.main-nav>a.active:after,.nav-group-trigger:hover:after,.nav-group-trigger.is-active:after{transform:scaleX(1)}
.main-nav>a:hover,.nav-group-trigger:hover{text-shadow:0 0 18px var(--kxp-glow)}
.nav-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:rgba(167,139,250,.28)!important;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(139,92,246,.1),inset 0 1px 0 rgba(255,255,255,.06)!important}
.nav-dropdown-menu a{transition:transform .25s var(--kxp-ease),background .25s,padding-left .25s}.nav-dropdown-menu a:hover{transform:translateX(4px)}
.brand-logo img,.brand-icon{transition:filter .35s,transform .35s var(--kxp-ease)}.brand:hover .brand-logo img{filter:drop-shadow(0 0 14px var(--violet));transform:scale(1.06) rotate(-2deg)}
/* --- Kartlar / paneller: ortak premium dil --- */
.panel,.stat,.step,.status-card,.hv-card,[class$="-card"]:not(.nav-card),[class*="-card "]{transition:transform .4s var(--kxp-ease),border-color .35s,box-shadow .4s,background .35s}
.panel:hover,.stat:hover,.step:hover,[class$="-card"]:not(.nav-card):hover{transform:translateY(-4px);border-color:rgba(167,139,250,.38)!important;box-shadow:0 26px 70px rgba(0,0,0,.5),0 0 40px -10px var(--kxp-glow),inset 0 1px 0 rgba(255,255,255,.07)}
.stat b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.kxp-tilt{transform-style:preserve-3d;will-change:transform}
/* --- Butonlar --- */
.btn{transition:transform .3s var(--kxp-ease),box-shadow .3s,border-color .3s,background-position .5s}
.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(0) scale(.98)}
@keyframes kxpBtn{50%{box-shadow:0 14px 44px rgba(99,102,241,.6),inset 0 1px 0 rgba(255,255,255,.3)}}
.btn-ghost:hover{border-color:rgba(34,211,238,.55)!important;box-shadow:0 12px 36px rgba(34,211,238,.14)}
.kxp-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.35);transform:scale(0);animation:kxpRip .6s ease-out forwards}
@keyframes kxpRip{to{transform:scale(4);opacity:0}}
/* --- Başlıklar --- */
.section-heading h2,.page-title{text-shadow:0 0 40px rgba(139,92,246,.25)}
.eyebrow{position:relative}
.eyebrow:before{content:"";display:inline-block;width:22px;height:1px;margin-right:10px;vertical-align:middle;background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 10px var(--cyan)}
/* --- Scroll animasyonları (app.js .reveal + .in ile uyumlu) --- */
.reveal{transition:opacity .9s var(--kxp-ease),transform .9s var(--kxp-ease)}
/* --- Form odak ışığı --- */
.form-control:focus,input:focus,select:focus,textarea:focus{outline:0;border-color:rgba(34,211,238,.6)!important;box-shadow:0 0 0 4px rgba(34,211,238,.12),0 0 28px -6px var(--kxp-cyan)}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
/* --- Footer --- */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(8,10,18,.9) 30%)}
.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--violet),var(--cyan),var(--pink),transparent);box-shadow:0 0 24px var(--violet)}
.site-footer:after{content:"";position:absolute;left:50%;top:-180px;width:700px;height:300px;translate:-50% 0;background:radial-gradient(closest-side,rgba(139,92,246,.18),transparent);pointer-events:none}
.site-footer a{transition:color .25s,transform .25s var(--kxp-ease),text-shadow .25s}.site-footer a:hover{color:#fff;transform:translateX(3px);text-shadow:0 0 16px var(--kxp-glow)}
.site-footer .fa-brands:hover,.site-footer .fa-brands{transition:transform .3s var(--kxp-ease),color .25s}.site-footer .fa-brands:hover{transform:translateY(-3px) scale(1.12)}
/* --- Durum sayfaları (404/403/500) --- */
.status-card{position:relative;overflow:hidden}.status-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(139,92,246,.18),transparent 30%,rgba(34,211,238,.12),transparent 60%);pointer-events:none}.status-card:hover:before{animation:kxpSpin 14s linear infinite}
.status-card>*{position:relative}.status-code{text-shadow:0 0 50px var(--violet)}
@keyframes kxpSpin{to{transform:rotate(360deg)}}
/* --- Scrollbar --- */
::-webkit-scrollbar-thumb{background:linear-gradient(var(--violet),var(--blue))!important}
/* --- Mobil & erişilebilirlik --- */
@media(max-width:900px){#kxp-particles{opacity:.55}.panel:hover,.stat:hover,[class$="-card"]:hover{transform:none}body.site-shell:before{animation:none}}
@media(prefers-reduced-motion:reduce){body.site-shell,.site-header:after,.site-footer:before,.btn-primary,.status-card:before,body.site-shell:before{animation:none!important}.reveal:not(.in){filter:none}#kxp-particles{display:none}}

body.kxp-scrolling *,body.kxp-scrolling *:before,body.kxp-scrolling *:after{animation-play-state:paused!important}
body.kxp-scrolling .panel,body.kxp-scrolling [class$="-card"]{transition:none!important}
/* --- Performans: mevcut kx-arch katmanındaki pahalı efektleri hafiflet --- */
.kx-fx .sh{mix-blend-mode:normal;opacity:.55}
.cta .kx-orb{filter:blur(36px)}
.kx-orb,.kx-beam,.kx-shape{will-change:auto}
body.kxp-scrolling .kx-spot,body.kxp-scrolling .kx-orb{transition:none!important}
/* --- Navbar sabit kalsın: body kaydırma kabı olmasın (hidden yerine clip), header sticky --- */
html,body{overflow-x:clip!important}
body.site-shell .site-header{position:sticky;top:0;z-index:90}

body.kxp-scrolling :is([class*="name-"],[class*="frame-"],[class*="profile-bg-"],[class*="motion-"],[class*="motion-"] *){animation-play-state:running!important}