.on-yukleyici{--oy-zemin: var(--c-white,#fff);--oy-yazi: var(--c-dark,#1e293b);--oy-vurgu: var(--kampus-ana,var(--c-primary,#0072BC));--c-accent* değişkenlerini ezdiği için kutu her kampüste aynı beyaz/gri kalıyordu — oysa vurgu kelimesi ve gösterge kampüs rengine dönüyordu,yani kutu tek başına ayrık düşüyordu. color-mix ile ana renkten türetilir: zemin çok açık bir tonu,kenarlık biraz daha doygun. Destek yoksa var() yedeği devreye girer. */ --oy-cip-ana: var(--kampus-ana,var(--c-primary,#0072BC));--oy-cip-zemin: color-mix(in srgb,var(--oy-cip-ana) 8%,var(--c-white,#fff));--oy-cip-kenar: color-mix(in srgb,var(--oy-cip-ana) 28%,var(--c-white,#fff));--oy-ray: var(--c-gray-light,#e2e8f0);--oy-logo-1: var(--kampus-ana,var(--c-primary,#0072BC));--oy-logo-2: var(--c-logo-acik,#009cd8);--oy-logo-3: var(--c-logo-yesil,#8ac53f);position: fixed;inset: 0;z-index: 9999;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--oy-bosluk,30px);opacity: 1;visibility: visible;transition: opacity .45s ease,visibility .6s ease,transform .6s cubic-bezier(.6,.05,.5,.95);animation: onYukEmniyet 0s var(--oy-emniyet,4400ms) forwards}.on-yukleyici--koyu{--oy-zemin: var(--c-primary-dark,#004A7C);--oy-yazi: rgba(255,255,255,.72);--oy-vurgu: var(--c-white,#fff);--oy-cip-zemin: rgba(255,255,255,.1);--oy-cip-kenar: rgba(255,255,255,.28);--oy-ray: rgba(255,255,255,.22)}.on-yukleyici--z-duz{background: var(--oy-zemin)}.on-yukleyici--z-buzlu{background: var(--oy-zemin);background: color-mix(in srgb,var(--oy-zemin) 62%,transparent);-webkit-backdrop-filter: blur(18px) saturate(1.15);backdrop-filter: blur(18px) saturate(1.15);transform: translateZ(0)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.on-yukleyici--z-buzlu{background: var(--oy-zemin)}}.on-yukleyici--git{opacity: 0;visibility: hidden;pointer-events: none}.on-yukleyici--asagi{transform: translateY(103%);visibility: hidden}.on-yukleyici--yukari{transform: translateY(-103%);visibility: hidden}@keyframes onYukEmniyet{to{opacity: 0;visibility: hidden;pointer-events: none}}html.on-yukleniyor{overflow: hidden;animation: onYukKilitBirak 0s var(--oy-emniyet,4400ms) forwards}@keyframes onYukKilitBirak{to{overflow: visible}}.on-yukleyici__logo{width: min(46vw,250px);height: auto;will-change: transform,opacity}.on-yukleyici__logo--svg{display: block}.on-yukleyici__logo > svg{width: 100%;height: auto;overflow: visible}.on-yukleyici{perspective: 900px}.on-yukleyici--v1 .on-yukleyici__logo{animation: onYukOdak calc(1.1s * var(--oy-hiz,1)) ease both,onYukSuzul 3.6s ease-in-out calc(1.1s * var(--oy-hiz,1)) infinite}@keyframes onYukOdak{from{opacity: 0;filter: blur(14px);transform: scale(.9)}to{opacity: 1;filter: blur(0);transform: scale(1)}}@keyframes onYukSuzul{0%,100%{transform: translateY(0)}50%{transform: translateY(-9px)}}.on-yukleyici--v2 .on-yukleyici__logo{animation: onYukAcilis calc(1.3s * var(--oy-hiz,1)) cubic-bezier(.65,0,.35,1) both}@keyframes onYukAcilis{from{clip-path: inset(0 100% 0 0)}to{clip-path: inset(0 0 0 0)}}.on-yukleyici--v3 .on-yukleyici__logo{animation: onYukBelir calc(.6s * var(--oy-hiz,1)) ease both,onYukKalp 1.8s ease-in-out calc(.6s * var(--oy-hiz,1)) infinite}@keyframes onYukBelir{from{opacity: 0;transform: scale(.92)}to{opacity: 1;transform: scale(1)}}@keyframes onYukKalp{0%,100%{transform: scale(1)}12%{transform: scale(1.11)}24%{transform: scale(1)}36%{transform: scale(1.07)}48%{transform: scale(1)}}.on-yukleyici--v4 .on-yukleyici__logo{animation: onYukPop calc(1.2s * var(--oy-hiz,1)) cubic-bezier(.34,1.56,.64,1) both,onYukEgim 4s ease-in-out calc(1.2s * var(--oy-hiz,1)) infinite}@keyframes onYukPop{from{opacity: 0;transform: scale(.5) rotateY(-45deg)}60%{opacity: 1;transform: scale(1.06) rotateY(12deg)}to{opacity: 1;transform: scale(1) rotateY(0)}}@keyframes onYukEgim{0%,100%{transform: rotateY(0) translateY(0)}50%{transform: rotateY(-10deg) translateY(-6px)}}.on-yukleyici--v5 [data-oy-cizim]{stroke: var(--oy-vurgu);stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;vector-effect: non-scaling-stroke;stroke-dasharray: 1;animation: onYukCiz var(--oys,.4s) ease-in-out var(--oyg,0s) both,onYukDol calc(var(--oys,.4s) * .8) ease-out calc(var(--oyg,0s) + var(--oys,.4s) * .55) both}@keyframes onYukCiz{from{stroke-dashoffset: 1}to{stroke-dashoffset: 0}}@keyframes onYukDol{from{fill-opacity: 0}to{fill-opacity: 1}}.on-yukleyici__alt{max-width: min(90vw,30ch);font-family: var(--ff-body,system-ui,sans-serif);font-weight: var(--fw-bold,700);font-size: clamp(1.15rem,4.5vw,2rem);line-height: 1.2;text-align: center;text-wrap: balance;color: var(--oy-yazi);opacity: 0;transition: opacity .35s ease}.on-yukleyici--yazi .on-yukleyici__alt{opacity: 1}.on-yukleyici__kelime--vurgu{color: var(--oy-vurgu)}.on-yukleyici__imlec{display: inline-block;width: 2px;height: 1em;margin-left: 2px;vertical-align: -.14em;background: var(--oy-vurgu);animation: onYukImlec .7s step-end infinite}@keyframes onYukImlec{0%,100%{opacity: 1}50%{opacity: 0}}.on-yukleyici--kutulu .on-yukleyici__alt{padding: .55rem 1.5rem;border: 1px solid var(--oy-cip-kenar);border-radius: 999px;background: var(--oy-cip-zemin);box-shadow: var(--shadow-md,0 4px 6px rgba(0,0,0,.07));font-size: clamp(1rem,3.6vw,1.5rem)}.on-yukleyici__gosterge--dip{position: absolute;left: 50%;bottom: 42px;transform: translateX(-50%)}.on-yukleyici__gosterge--cubuk{display: block;width: min(42vw,170px);height: 3px;border-radius: 999px;background: var(--oy-ray);overflow: hidden}.on-yukleyici__gosterge--cubuk > span{display: block;width: 100%;height: 100%;border-radius: inherit;background: linear-gradient(90deg,var(--oy-logo-3),var(--oy-logo-1) 52%,var(--oy-logo-2));animation: onYukSupur var(--oy-bar,1.5s) ease-in-out infinite}@keyframes onYukSupur{0%{transform: scaleX(0);transform-origin: 0 50%}45%{transform: scaleX(1);transform-origin: 0 50%}55%{transform: scaleX(1);transform-origin: 100% 50%}100%{transform: scaleX(0);transform-origin: 100% 50%}}.on-yukleyici__gosterge--yuvarlak{display: block;width: 30px;height: 30px;border-radius: 50%;border: 3px solid var(--oy-ray);border-top-color: var(--oy-logo-1);border-right-color: var(--oy-logo-2);border-bottom-color: var(--oy-logo-3);animation: onYukDon var(--oy-bar,1.5s) linear infinite}@keyframes onYukDon{to{transform: rotate(360deg)}}.on-yukleyici__gosterge--yuvarlak.on-yukleyici__gosterge--dip{animation: onYukDonDip var(--oy-bar,1.5s) linear infinite}@keyframes onYukDonDip{from{transform: translateX(-50%) rotate(0deg)}to{transform: translateX(-50%) rotate(360deg)}}.on-yukleyici--onizleme{animation: none}@media (max-width: 1200px){.on-yukleyici__logo{width: min(44vw,235px)}}@media (max-width: 768px){.on-yukleyici{gap: min(var(--oy-bosluk,30px),22px)}.on-yukleyici__logo{width: min(52vw,225px)}.on-yukleyici__alt{font-size: clamp(1.05rem,4.6vw,1.5rem)}.on-yukleyici--kutulu .on-yukleyici__alt{padding: .5rem 1.2rem}.on-yukleyici__gosterge--cubuk{width: min(46vw,150px)}.on-yukleyici__gosterge--dip{bottom: 32px}}@media (max-width: 480px){.on-yukleyici{gap: min(var(--oy-bosluk,30px),18px)}.on-yukleyici__logo{width: 56vw}.on-yukleyici__alt{font-size: clamp(.95rem,5vw,1.25rem)}.on-yukleyici--kutulu .on-yukleyici__alt{padding: .45rem 1rem}.on-yukleyici__gosterge--cubuk{width: 40vw}}@media (max-width: 360px){.on-yukleyici__logo{width: 60vw}.on-yukleyici__alt{font-size: .95rem}.on-yukleyici__gosterge--cubuk{width: 34vw}}@media (max-width: 320px){.on-yukleyici__alt{font-size: .88rem}.on-yukleyici__gosterge--cubuk{width: 30vw}.on-yukleyici__gosterge--dip{bottom: 24px}}@media (prefers-reduced-motion: reduce){.on-yukleyici{transition: none}.on-yukleyici__logo,.on-yukleyici--v1 .on-yukleyici__logo,.on-yukleyici--v2 .on-yukleyici__logo,.on-yukleyici--v3 .on-yukleyici__logo,.on-yukleyici--v4 .on-yukleyici__logo{animation: none;transform: none;filter: none;clip-path: none;opacity: 1}.on-yukleyici--v5 [data-oy-cizim]{animation: none;stroke: none;fill-opacity: 1}.on-yukleyici__alt{transition: none}.on-yukleyici__imlec{display: none}.on-yukleyici__gosterge--cubuk > span,.on-yukleyici__gosterge--yuvarlak,.on-yukleyici__gosterge--yuvarlak.on-yukleyici__gosterge--dip{animation: none;opacity: .45}.on-yukleyici__gosterge--yuvarlak.on-yukleyici__gosterge--dip{transform: translateX(-50%)}.on-yukleyici--asagi,.on-yukleyici--yukari{transform: none;opacity: 0}}