.intro{position:fixed;inset:0;z-index:9999;overflow:hidden;color:#fff;pointer-events:none;background:transparent}
.intro-delik{position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px 0 0 -1px;border-radius:50%;background:transparent;box-shadow:0 0 0 250vmax #081a12;transform:scale(1);animation:intro-delik 0.57s cubic-bezier(.7,0,.3,1) 1.45s forwards}
.intro-kenar{position:absolute;left:50%;top:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #f2b632,0 0 36px 10px rgba(242,182,50,.55);opacity:0;animation:intro-kenar 0.57s cubic-bezier(.7,0,.3,1) 1.45s forwards}
@keyframes intro-kenar{0%{opacity:1;width:0;height:0}100%{opacity:0;width:300vmax;height:300vmax}}
.intro-bulutsu,.intro-bulutsu2{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;border-radius:50%;filter:blur(40px);opacity:0;animation:intro-bulutsu-gir 1.01s ease-out forwards,intro-don 60s linear infinite,intro-sol 0.32s ease 1.45s forwards}
.intro-bulutsu{background:conic-gradient(from 0deg,rgba(242,182,50,0) 0deg,rgba(242,182,50,.22) 40deg,rgba(15,42,30,0) 90deg,rgba(72,140,90,.25) 150deg,rgba(242,182,50,0) 200deg,rgba(242,182,50,.18) 260deg,rgba(15,42,30,0) 320deg,rgba(242,182,50,0) 360deg)}
.intro-bulutsu2{width:110vmax;height:110vmax;margin:-55vmax 0 0 -55vmax;animation-direction:normal,reverse,normal;background:conic-gradient(from 180deg,rgba(60,120,80,0) 0deg,rgba(60,130,85,.35) 60deg,rgba(242,182,50,.12) 120deg,rgba(60,120,80,0) 200deg,rgba(242,182,50,.2) 280deg,rgba(60,120,80,0) 360deg)}
.intro-cekirdek{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 30px 12px rgba(255,236,170,.9),0 0 120px 60px rgba(242,182,50,.55);opacity:0;animation:intro-cekirdek 0.69s cubic-bezier(.2,.7,.2,1) 0.06s forwards}
.intro-canvas{position:absolute;inset:0;width:100%;height:100%;animation:intro-sol 0.32s ease 1.48s forwards}
.intro-ic{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:intro-ic-cikis 0.44s cubic-bezier(.7,0,.3,1) 1.45s forwards}
.intro-logo-sar{position:relative;overflow:hidden;padding:6px 10px}
.intro-logo{display:block;width:min(64vw,440px);height:auto;opacity:0;transform:scale(.05) rotate(-12deg);filter:blur(10px) brightness(3);animation:intro-logo 0.63s cubic-bezier(.18,.9,.25,1.05) 0.35s forwards,intro-isilti 0.88s ease-in-out 0.95s forwards}
.intro-logo-sar::after{content:'';position:absolute;top:-30%;bottom:-30%;left:-80%;width:34%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-18deg);animation:intro-parla 0.57s ease-in-out 0.91s forwards}
.intro-halka{position:absolute;left:50%;top:50%;width:min(96vw,620px);aspect-ratio:1;margin:0;transform:translate(-50%,-50%) rotate(-90deg);opacity:0;animation:intro-halka-gir 0.5s ease 0.38s forwards,intro-sol 0.25s ease 1.45s forwards}
.intro-halka circle{fill:none;stroke-width:1.5}
.intro-halka .iz{stroke:rgba(255,255,255,.12)}
.intro-halka .dolu{stroke:#f2b632;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:intro-halka-dol 1.2s cubic-bezier(.3,.6,.2,1) 0.38s forwards;filter:drop-shadow(0 0 6px rgba(242,182,50,.8))}
.intro-yorunge{position:absolute;left:50%;top:50%;width:min(96vw,620px);aspect-ratio:1;transform:translate(-50%,-50%);animation:intro-don 6s linear infinite,intro-sol 0.25s ease 1.45s forwards}
.intro-yorunge i{position:absolute;left:50%;top:0;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#ffe9a8;box-shadow:0 0 14px 4px rgba(242,182,50,.8)}
.intro-yorunge2{width:min(120vw,780px);animation-duration:11s;animation-direction:reverse,normal;opacity:.7}
.intro-yorunge2 i{width:5px;height:5px;margin-left:-2.5px}
.intro-cizgi{width:0;height:3px;background:#f2b632;animation:intro-cizgi 0.5s cubic-bezier(.2,.7,.2,1) 0.85s forwards}
.intro-slogan{font:600 12px/1 'Barlow',Arial,sans-serif;letter-spacing:.9em;text-transform:uppercase;color:rgba(255,255,255,.85);opacity:0;animation:intro-slogan 0.57s cubic-bezier(.2,.7,.2,1) 0.95s forwards;text-align:center;padding:0 16px;white-space:nowrap}
.intro-sayac{position:absolute;left:50%;bottom:7vh;transform:translateX(-50%);font:600 12px/1 'Barlow',Arial,sans-serif;letter-spacing:.5em;text-transform:uppercase;color:rgba(255,255,255,.6);animation:intro-sol 0.25s ease 1.45s forwards;white-space:nowrap}
.intro-sayac b{font:800 22px/1 'Barlow Condensed','Arial Narrow',Impact,sans-serif;color:#f2b632;letter-spacing:0;margin-left:10px;vertical-align:-3px}
.intro-konum{position:absolute;right:5vw;top:5vh;font:600 11px/1.8 'Barlow',Arial,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.5);text-align:right;opacity:0;animation:intro-slogan 0.5s ease 0.5s forwards,intro-sol 0.25s ease 1.45s forwards}
@keyframes intro-delik{to{transform:scale(1800)}}
@keyframes intro-bulutsu-gir{from{opacity:0;transform:scale(.4) rotate(0)}to{opacity:1;transform:scale(1) rotate(25deg)}}
@keyframes intro-don{to{transform:translate(-50%,-50%) rotate(360deg)}}
.intro-bulutsu,.intro-bulutsu2{animation-name:intro-bulutsu-gir,intro-don-merkez,intro-sol}
@keyframes intro-don-merkez{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes intro-cekirdek{0%{opacity:0;transform:scale(.2)}45%{opacity:1;transform:scale(1.6)}100%{opacity:0;transform:scale(14)}}
@keyframes intro-logo{to{opacity:1;transform:scale(1) rotate(0);filter:blur(0) brightness(1) drop-shadow(0 0 26px rgba(242,182,50,.4))}}
@keyframes intro-isilti{0%{filter:drop-shadow(0 0 26px rgba(242,182,50,.4))}50%{filter:drop-shadow(0 0 44px rgba(242,182,50,.75))}100%{filter:drop-shadow(0 0 24px rgba(242,182,50,.4));transform:scale(1.04)}}
@keyframes intro-halka-gir{to{opacity:1}}
@keyframes intro-halka-dol{to{stroke-dashoffset:0}}
@keyframes intro-cizgi{to{width:140px}}
@keyframes intro-slogan{to{opacity:1;letter-spacing:.42em}}
@keyframes intro-parla{to{left:130%}}
@keyframes intro-sol{to{opacity:0}}
@keyframes intro-ic-cikis{to{transform:scale(2.4);opacity:0}}
body.gecis .intro *{animation:none!important}
body.gecis .intro{pointer-events:auto}
body.gecis .intro-delik{transform:scale(1800);transition:transform 0.41s cubic-bezier(.7,0,.3,1)}
body.gecis-acik .intro-delik{transform:scale(1)}
body.gecis .intro-kenar{display:none}
body.gecis .intro-ic{opacity:0;transform:scale(.6);transition:opacity 0.22s ease 0.25s,transform 0.32s ease 0.22s}body.gecis-acik .intro-ic{opacity:1;transform:none}
body.gecis .intro-logo{opacity:1;filter:none;transform:none}body.gecis .intro-cizgi{width:140px}body.gecis .intro-slogan{opacity:1;letter-spacing:.42em}
body.gecis .intro-bulutsu,body.gecis .intro-bulutsu2,body.gecis .intro-canvas,body.gecis .intro-sayac,body.gecis .intro-konum,body.gecis .intro-halka,body.gecis .intro-yorunge,body.gecis .intro-cekirdek,body.gecis .intro-logo-sar::after{display:none}
@media (prefers-reduced-motion:reduce){.intro *{animation-duration:.01ms!important;animation-delay:0s!important}.intro-delik{animation:intro-delik .01ms linear 0.76s forwards!important}.intro-kenar{display:none}.intro-ic{animation:intro-ic-cikis .01ms linear 0.76s forwards!important}.intro-logo{animation:intro-logo .01ms linear forwards!important}.intro-canvas,.intro-yorunge,.intro-cekirdek{display:none}}