/* Premium açılış / loading ekranı - Cyan Uyumlu */
body.loading-active { overflow: hidden; }
.page-loader { position: fixed; inset: 0; z-index: 9999; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(circle at 50% 36%, #05233b 0, #021a2b 42%, #010812 78%, #000 100%); transition: opacity .72s ease, visibility .72s ease, transform .72s ease; overflow: hidden; }
.page-loader:before { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 0%, rgba(0,200,255,.055) 34%, transparent 58%), radial-gradient(circle at 20% 20%, rgba(0,200,255,.10), transparent 25%), radial-gradient(circle at 80% 72%, rgba(0,200,255,.07), transparent 28%); animation: loaderAura 3.8s ease-in-out infinite; }
.page-loader:after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(0,200,255,.18) 1px, transparent 1px); background-size: 34px 34px; opacity: .16; mask-image: radial-gradient(circle at center, #000 0, transparent 72%); }
.page-loader.hide { opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.015); }
.loader-glow { position: absolute; width: 430px; height: 430px; border-radius: 50%; background: radial-gradient(circle, rgba(0,200,255,.30), rgba(0,200,255,.08) 42%, transparent 70%); filter: blur(22px); animation: glowBreath 2.2s ease-in-out infinite; }
.loader-ring { width: 218px; height: 218px; border-radius: 50%; position: relative; display: grid; place-items: center; }
.loader-ring:before { content: ""; position: absolute; inset: 18px; border-radius: 50%; background: rgba(1,16,22,.72); box-shadow: inset 0 0 45px rgba(0,200,255,.15), 0 0 50px rgba(0,200,255,.22); }
.loader-ring .ring { position: absolute; inset: 0; border-radius: 50%; border: 3px solid transparent; border-top-color: #00c8ff; border-right-color: rgba(0,200,255,.68); filter: drop-shadow(0 0 13px rgba(0,200,255,.8)); animation: spin 1.28s linear infinite; }
.loader-ring .r2 { inset: 15px; border-width: 2px; border-top-color: rgba(255,255,255,.86); border-right-color: rgba(0,200,255,.26); animation-duration: 2.25s; animation-direction: reverse; }
.loader-ring .r3 { inset: 31px; border-width: 2px; border-top-color: rgba(0,200,255,.22); border-left-color: rgba(0,200,255,.52); animation-duration: 3.2s; }
.loader-logo { width: 132px; height: 132px; border-radius: 50%; object-fit: contain; position: relative; z-index: 2; box-shadow: 0 0 34px rgba(0,200,255,.42), 0 0 0 1px rgba(255,255,255,.18); background: #000916; padding: 10px; }
.loader-title { margin-top: 30px; font-size: 25px; font-weight: 1000; letter-spacing: 10px; color: #dff7ff; text-shadow: 0 0 24px rgba(0,200,255,.38); }
.loader-sub { margin-top: 9px; color: #9ec4d7; font-weight: 900; letter-spacing: 4px; font-size: 12px; text-transform: uppercase; }
.loader-bar { margin-top: 24px; width: min(370px, 76vw); height: 4px; background: rgba(255,255,255,.20); overflow: hidden; border-radius: 30px; box-shadow: 0 0 0 1px rgba(0,200,255,.14); }
.loader-bar span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #008ec3, #00c8ff, #ffffff); box-shadow: 0 0 18px rgba(0,200,255,.9); transition: width .16s cubic-bezier(.2,.8,.2,1); }
.loader-percent { margin-top: 18px; color: #00c8ff; font-weight: 1000; letter-spacing: 3px; }
.loader-status { height: 18px; margin-top: 10px; color: #dff7ff; font-weight: 800; font-size: 13px; letter-spacing: 1px; opacity: .78; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes loaderAura { 0%, 100% { transform: scale(1); opacity: .82; } 50% { transform: scale(1.04); opacity: 1; } }
@keyframes glowBreath { 0%, 100% { transform: scale(.98); opacity: .88; } 50% { transform: scale(1.06); opacity: 1; } }
@media(max-width:520px){ .loader-ring { width: 174px; height: 174px; } .loader-logo { width: 108px; height: 108px; } .loader-title { font-size: 18px; letter-spacing: 6px; } .loader-bar { width: 74vw; } }