*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
:root{
--mavi:#00AFF0;--mavi-2:#33C3F5;--mavi-koyu:#0089C7;--mavi-link:#0072A8;--mavi-derin:#036196;--mor:#5B6BFF;
--zemin:#F4FAFE;--beyaz:#FFFFFF;--yuzey:#FFFFFF;--yuzey-2:#FFFFFF;
--acik:#EAF3FA;--acik-2:#F1F8FD;--acik-3:#FFFFFF;--mavi-yumusak:#E4F5FD;
--kenar:rgba(11,64,96,.13);--kenar-2:rgba(11,64,96,.09);--kenar-parlak:rgba(0,175,240,.42);
--metin:#0C2E44;--metin-2:#3E5B6E;--metin-3:#5E7889;
--basari:#1E9E5A;--basari-koyu:#157F45;--altin:#B8730A;
--radius:16px;--radius-sm:11px;--radius-lg:26px;--radius-pill:999px;
--golge:0 8px 26px rgba(12,46,68,.09);--golge-lg:0 20px 46px rgba(12,46,68,.14);--parilti:0 0 0 1px rgba(0,175,240,.2),0 12px 30px rgba(0,175,240,.18);
--gecis:all .28s cubic-bezier(.4,0,.2,1);--en:1200px;
--yazi:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--baslik:'Poppins','Inter',-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--yazi);background:var(--zemin);color:var(--metin);line-height:1.72;font-size:16px;overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(1100px 620px at 84% -10%,rgba(0,175,240,.12),transparent 60%),radial-gradient(880px 540px at 2% 2%,rgba(91,107,255,.07),transparent 58%),var(--zemin)}
img{max-width:100%;height:auto;display:block}
a{color:var(--mavi-link);text-decoration:none;transition:color .2s}
a:hover{color:var(--mavi-koyu)}
ul,ol{list-style:none}
button{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--baslik);line-height:1.2;font-weight:700;color:var(--metin);letter-spacing:-.02em}
h1{font-size:clamp(2rem,5.2vw,3.4rem);font-weight:800;letter-spacing:-.035em}
h2{font-size:clamp(1.65rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.03em}
h3{font-size:clamp(1.25rem,2.4vw,1.6rem)}
h4{font-size:1.18rem}h5{font-size:1.04rem}h6{font-size:.95rem}
p{color:var(--metin-2)}
strong{color:var(--metin)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mavi);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kapsayici{width:100%;max-width:var(--en);margin:0 auto;padding:0 20px}
.kapsayici-dar{max-width:860px;margin:0 auto;padding:0 20px}
.atlama-baglantisi{position:absolute;left:-9999px;top:0;background:var(--mavi-link);color:#fff;padding:12px 18px;z-index:3000;border-radius:0 0 10px 0;font-weight:800}
.atlama-baglantisi:focus{left:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:700;padding:.9rem 1.7rem;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--gecis);font-size:1rem;line-height:1.1;white-space:nowrap}
.btn i{font-size:.95em}
.btn-birincil{background:linear-gradient(135deg,#16A6EA,#0072C9);color:#fff;font-weight:700;box-shadow:0 8px 20px rgba(0,120,205,.32)}
.btn-birincil:hover{transform:translateY(-2px);background:linear-gradient(135deg,#0F97DC,#0062B4);box-shadow:0 14px 30px rgba(0,120,205,.42);color:#fff}
.btn-ikincil{background:#fff;border-color:var(--kenar-parlak);color:var(--mavi-link)}
.btn-ikincil:hover{background:var(--mavi-yumusak);color:var(--mavi-koyu);border-color:var(--mavi)}
.btn-hayalet{background:#fff;border-color:var(--kenar);color:var(--metin)}
.btn-hayalet:hover{border-color:var(--mavi);color:var(--mavi-link);box-shadow:var(--golge)}
.btn-blok{width:100%}
.btn-kucuk{padding:.6rem 1.15rem;font-size:.9rem}
.btn-buyuk{padding:1.05rem 2.1rem;font-size:1.08rem}
.site-ust{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.7));backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-bottom:1px solid var(--kenar);transition:background .3s,box-shadow .3s,border-color .3s;overflow-x:clip}
.site-ust::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,175,240,.55),transparent);opacity:0;transition:opacity .35s}
.site-ust.kucuk{background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(12,46,68,.1)}
.site-ust.kucuk::after{opacity:1}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px}
.logo{display:inline-flex;align-items:center;flex-shrink:0;transition:transform .3s}
.logo:hover{transform:translateY(-1px)}
.logo img{height:42px;width:auto}
.ust-sag{display:flex;align-items:center;gap:.6rem}
.hamburger{position:relative;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:13px;cursor:pointer;padding:0 12px;transition:var(--gecis);box-shadow:0 2px 10px rgba(12,46,68,.07)}
.hamburger:hover{border-color:var(--kenar-parlak);box-shadow:0 8px 20px rgba(0,175,240,.2)}
.hamburger span{display:block;height:2px;width:100%;background:linear-gradient(90deg,var(--mavi-koyu),var(--mavi));border-radius:2px;transition:transform .34s cubic-bezier(.5,0,.15,1),opacity .2s}
.hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.2)}
.hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ana-nav{position:fixed;top:0;right:0;width:min(90vw,384px);height:100vh;height:100dvh;background:linear-gradient(168deg,#fff 0%,#F1F8FD 55%,#E6F3FC 100%);border-left:1px solid var(--kenar);padding:0 0 40px;overflow-y:auto;transform:translateX(110%);visibility:hidden;transition:transform .42s cubic-bezier(.5,0,.15,1),visibility 0s .42s;z-index:1200;box-shadow:-34px 0 70px rgba(12,46,68,.24)}
.ana-nav.acik{transform:translateX(0);visibility:visible;transition:transform .42s cubic-bezier(.5,0,.15,1),visibility 0s 0s}
.nav-drawer-bas{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.3rem;border-bottom:1px solid var(--kenar-2);background:linear-gradient(120deg,rgba(0,175,240,.12),rgba(91,107,255,.06))}
.nav-drawer-marka{font-family:var(--baslik);font-weight:800;font-size:1.16rem;color:var(--metin);letter-spacing:-.02em}
.nav-drawer-marka span{color:var(--mavi-link)}
.nav-kapat{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid var(--kenar);color:var(--metin-2);font-size:1.1rem;cursor:pointer;transition:var(--gecis)}
.nav-kapat:hover{background:var(--mavi-yumusak);color:var(--mavi-koyu);border-color:var(--kenar-parlak);transform:rotate(90deg)}
.nav-liste{display:flex;flex-direction:column;gap:2px;padding:1.1rem 1.15rem 0}
.nav-liste>li{border-bottom:1px solid var(--kenar-2);position:relative}
.nav-baglanti,.nav-liste>li>a:not(.btn),.acilir-baslik>a:not(.btn){display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:1;padding:.98rem .55rem;color:var(--metin);font-weight:600;border-radius:10px;font-size:1.02rem;transition:color .2s,background .2s,padding-left .2s}
.nav-liste a:not(.btn):hover{color:var(--mavi-link);background:var(--mavi-yumusak);padding-left:.85rem}
.nav-liste a:not(.btn)[aria-current="page"]{color:var(--mavi-link)}
.nav-liste a:not(.btn)[aria-current="page"]{background:var(--mavi-yumusak)}
.acilir-baslik{display:flex;align-items:center;justify-content:space-between}
.acilir-tetik{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--acik-2);border:1px solid var(--kenar);border-radius:9px;color:var(--metin-2);cursor:pointer;transition:.25s}
.acilir-tetik i{transition:transform .3s}
.acilir.acik .acilir-tetik{background:var(--mavi-yumusak);color:var(--mavi-koyu);border-color:var(--kenar-parlak)}
.acilir.acik .acilir-tetik i{transform:rotate(180deg)}
.acilir-menu{display:none;flex-direction:column;padding:2px 0 10px 12px;gap:1px}
.acilir.acik .acilir-menu{display:flex}
.acilir-menu a{display:block;padding:.72rem .65rem;color:var(--metin-2);font-size:.94rem;font-weight:500;border-radius:8px;transition:.2s}
.acilir-menu a:hover{color:var(--mavi-link);background:var(--mavi-yumusak);padding-left:.95rem}
.acilir-menu .mini{display:block;font-size:.76rem;color:var(--metin-3);font-weight:400}
.nav-liste>li.nav-cta{border:0;margin-top:16px}
.nav-cta .btn{width:100%}
.menu-overlay{position:fixed;inset:0;background:rgba(8,34,50,.44);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s,visibility .38s;z-index:999}
.menu-overlay.acik{opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.menu-acik{overflow:hidden}
@media(min-width:993px){
.hamburger{display:none}
.menu-overlay{display:none}
.nav-drawer-bas{display:none}
.ana-nav{position:static;width:auto;height:auto;background:transparent;border:0;padding:0;overflow:visible;box-shadow:none;transform:none;visibility:visible}
.nav-liste{flex-direction:row;align-items:center;gap:.12rem;padding:0}
.nav-liste>li{border:0}
.nav-liste>li>a:not(.btn),.nav-baglanti,.acilir-baslik>a:not(.btn){position:relative;padding:.58rem .72rem;font-size:.92rem;border-radius:10px;white-space:nowrap}
.nav-liste a:not(.btn):hover{background:transparent}
.nav-liste a:not(.btn)[aria-current="page"]{background:transparent}
.nav-liste>li>a:not(.btn)::before,.acilir-baslik>a:not(.btn)::before{content:"";position:absolute;left:.72rem;right:.72rem;bottom:.3rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mavi),var(--mor));transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.5,0,.2,1)}
.nav-liste>li>a:not(.btn):hover::before,.nav-liste>li>a:not(.btn)[aria-current="page"]::before,.acilir:hover .acilir-baslik>a::before{transform:scaleX(1)}
.nav-cta .btn-birincil{color:#fff;box-shadow:0 8px 20px rgba(0,120,205,.32)}
.nav-cta .btn-birincil:hover{box-shadow:0 12px 30px rgba(0,120,205,.44)}
.acilir-tetik{display:none}
.nav-liste .fa-chevron-down{font-size:.66rem;opacity:.7;transition:transform .3s}
.acilir:hover .fa-chevron-down{transform:rotate(180deg)}
.acilir-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:256px;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--kenar);border-radius:16px;padding:10px;box-shadow:var(--golge-lg);display:flex;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:top;transition:.26s cubic-bezier(.5,0,.2,1);z-index:60}
.acilir-menu.sag{left:auto;right:0}
.acilir:hover>.acilir-menu,.acilir:focus-within>.acilir-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.acilir-baslik{position:relative}
.acilir-baslik::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.nav-liste>li.nav-cta{margin-top:0;margin-left:.5rem}
.nav-cta .btn{width:auto}
}
.sayfa-hero{position:relative;padding:clamp(56px,9vw,104px) 0 clamp(40px,6vw,66px);overflow:hidden;border-bottom:1px solid var(--kenar)}
.sayfa-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 340px at 78% 10%,rgba(0,175,240,.14),transparent 62%),linear-gradient(180deg,#EAF5FC,transparent)}
.hero{position:relative;padding:clamp(52px,8vw,104px) 0 clamp(48px,7vw,92px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20% -10% auto -10%;height:130%;z-index:-2;background:radial-gradient(680px 380px at 82% 8%,rgba(0,175,240,.16),transparent 60%),radial-gradient(560px 420px at 8% 88%,rgba(91,107,255,.1),transparent 62%),linear-gradient(180deg,#ECF7FD,transparent 46%)}
.hero-ic{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}
.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none;will-change:transform}
.hero-orb.a{width:360px;height:360px;background:radial-gradient(circle,rgba(0,175,240,.6),transparent 70%);top:-90px;right:-50px;opacity:.5;animation:orbGez 18s ease-in-out infinite}
.hero-orb.b{width:300px;height:300px;background:radial-gradient(circle,rgba(91,107,255,.5),transparent 70%);bottom:-80px;left:-70px;opacity:.34;animation:orbGez 22s ease-in-out infinite reverse}
.hero-orb.c{width:220px;height:220px;background:radial-gradient(circle,rgba(51,195,245,.55),transparent 70%);top:38%;left:46%;opacity:.26;animation:orbGez 26s ease-in-out infinite}
.hero-kalpler{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.kalp{position:absolute;bottom:-8%;line-height:1;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 3px 6px rgba(255,196,64,.32));animation:kalpUc linear infinite}
.kalp::before{content:"🪙"}
.kalp.k1::before{content:"💰"}
.kalp.k3::before{content:"💵"}
.kalp.k4::before{content:"💎"}
.kalp.k5::before{content:"🤑"}
.kalp.k6::before{content:"💸"}
.kalp.k8::before{content:"💰"}
.kalp.k9::before{content:"💵"}
.kalp.k10::before{content:"💎"}
.kalp.k11::before{content:"💸"}
.kalp.k1{left:5%;font-size:16px;color:#FF6FA5;animation-duration:11s;animation-delay:-1s}
.kalp.k2{left:13%;font-size:23px;color:#FF8FB8;animation-duration:9s;animation-delay:-4s}
.kalp.k3{left:21%;font-size:14px;color:#FF9CC6;animation-duration:13.5s;animation-delay:-7s}
.kalp.k4{left:30%;font-size:20px;color:#FF4E88;animation-duration:10s;animation-delay:-2.5s}
.kalp.k5{left:40%;font-size:28px;color:#FF6FA5;animation-duration:12.5s;animation-delay:-9s}
.kalp.k6{left:48%;font-size:15px;color:#33C3F5;animation-duration:8.5s;animation-delay:-3s}
.kalp.k7{left:57%;font-size:23px;color:#FF7FB0;animation-duration:11.5s;animation-delay:-6s}
.kalp.k8{left:66%;font-size:17px;color:#FFA6CE;animation-duration:9.5s;animation-delay:-1.5s}
.kalp.k9{left:74%;font-size:27px;color:#FF4E88;animation-duration:12s;animation-delay:-8s}
.kalp.k10{left:82%;font-size:15px;color:#00AFF0;animation-duration:10.5s;animation-delay:-5s}
.kalp.k11{left:89%;font-size:22px;color:#FF7FB0;animation-duration:13s;animation-delay:-2s}
.kalp.k12{left:95%;font-size:16px;color:#FF8FB8;animation-duration:9.8s;animation-delay:-6.5s}
@keyframes kalpUc{0%{transform:translate(0,0) scale(.5) rotate(-14deg);opacity:0}12%{opacity:.92}50%{transform:translate(16px,-330px) scale(1) rotate(8deg)}85%{opacity:.6}100%{transform:translate(-8px,-680px) scale(1.05) rotate(16deg);opacity:0}}
.rozet{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .95rem;background:var(--mavi-yumusak);border:1px solid var(--kenar-parlak);border-radius:var(--radius-pill);color:var(--mavi-derin);font-size:.82rem;font-weight:700;letter-spacing:.02em}
.rozet i{font-size:.85em}
.rozet.yesil{background:rgba(30,158,90,.12);border-color:rgba(30,158,90,.34);color:var(--basari-koyu)}
.hero h1{margin:1.1rem 0 1.1rem}
.hero h1 .vurgu{background:linear-gradient(120deg,#0A86CE,#2F63DC);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-metin{font-size:clamp(1.02rem,1.6vw,1.18rem);max-width:620px;margin-bottom:1.8rem}
.hero-butonlar{display:flex;flex-wrap:wrap;gap:.9rem}
.hero-gorsel{position:relative}
.hero-gorsel img{border-radius:var(--radius-lg);box-shadow:var(--golge-lg);border:1px solid var(--kenar)}
.gorsel-cerceve{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(135deg,#E3F3FC,#EFF7FC);border:1px solid var(--kenar)}
.gorsel-cerceve img{width:100%;height:100%;object-fit:cover}
.o16-9{aspect-ratio:16/9}.o16-10{aspect-ratio:16/10}.o4-3{aspect-ratio:4/3}.o1-1{aspect-ratio:1/1}.o3-2{aspect-ratio:3/2}
@media(min-width:900px){.hero-ic{grid-template-columns:1.05fr .95fr;gap:3rem}}
.bolum{padding:clamp(52px,8vw,88px) 0;position:relative}
.bolum.cizgili{border-top:1px solid var(--kenar)}
.bolum-bas{max-width:720px;margin:0 auto clamp(34px,5vw,52px);text-align:center}
.bolum-bas.sol{margin-left:0;text-align:left}
.bolum-etiket{display:inline-block;color:var(--mavi-link);font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}
.bolum-bas h2{margin-bottom:.9rem}
.bolum-bas p{font-size:1.05rem}
.izgara{display:grid;gap:1.5rem}
.iz-2{grid-template-columns:repeat(2,1fr)}
.iz-3{grid-template-columns:repeat(3,1fr)}
.iz-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:992px){.iz-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.iz-2,.iz-3,.iz-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.iz-2,.iz-3,.iz-4{grid-template-columns:1fr}}
@media(max-width:900px){.izgara:has(.kart-ikon){grid-template-columns:1fr}}
.kart{background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:var(--radius);padding:1.6rem;transition:var(--gecis);height:100%}
.kart:hover{border-color:var(--kenar-parlak);transform:translateY(-4px);box-shadow:var(--golge)}
.kart-ikon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mavi-yumusak);color:var(--mavi-koyu);font-size:1.15rem;margin-bottom:.9rem;border:1px solid var(--kenar-parlak)}
.kart h3{margin-bottom:.6rem;font-size:1.2rem}
.kart p{font-size:.96rem}
.kart:has(>.kart-ikon){display:grid;grid-template-columns:auto 1fr;column-gap:1.15rem;align-items:start;align-content:start}
.kart:has(>.kart-ikon)>.kart-ikon{grid-column:1;grid-row:1;margin-bottom:0}
.kart:has(>.kart-ikon)>:not(.kart-ikon){grid-column:2}
.oyun-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--radius);overflow:hidden;transition:var(--gecis);height:100%}
.oyun-kart:hover{transform:translateY(-6px);border-color:var(--kenar-parlak);box-shadow:var(--golge-lg)}
.oyun-kart-gorsel{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#E3F3FC,#EFF7FC)}
.oyun-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.oyun-kart:hover .oyun-kart-gorsel img{transform:scale(1.06)}
.oyun-tur{position:absolute;top:12px;left:12px;padding:.32rem .8rem;background:rgba(255,255,255,.93);backdrop-filter:blur(6px);border:1px solid var(--kenar);border-radius:var(--radius-pill);font-size:.74rem;font-weight:700;color:var(--mavi-link)}
.oyun-mod{position:absolute;top:12px;right:12px;padding:.32rem .75rem;background:linear-gradient(135deg,#16A6EA,#0079CC);border:0;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;color:#fff;box-shadow:0 3px 10px rgba(0,120,205,.3)}
.oyun-kart-govde{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.oyun-kart-govde h3{font-size:1.18rem;margin-bottom:.5rem}
.oyun-kart-govde p{font-size:.92rem;margin-bottom:1rem;flex:1}
.oyun-meta{display:flex;flex-wrap:wrap;gap:.7rem;font-size:.8rem;color:var(--metin-3);margin-bottom:1rem}
.oyun-meta span{display:inline-flex;align-items:center;gap:.35rem}
.oyun-meta i{color:var(--mavi-koyu)}
.oyun-kart-alt{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.etiketler{display:flex;flex-wrap:wrap;gap:.5rem}
.etiket{padding:.3rem .75rem;background:var(--acik-2);border:1px solid var(--kenar);border-radius:var(--radius-pill);font-size:.75rem;color:var(--metin-2);font-weight:600}
.derece{display:inline-flex;align-items:center;gap:.35rem;color:var(--altin);font-weight:700;font-size:.86rem}
.derece i{font-size:.8rem}
.metin-baglanti{display:inline-flex;align-items:center;gap:.45rem;color:var(--mavi-link);font-weight:700;font-size:.92rem}
.metin-baglanti i{transition:transform .25s}
.metin-baglanti:hover i{transform:translateX(4px)}
.istatistik-serit{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
@media(max-width:680px){.istatistik-serit{grid-template-columns:repeat(2,1fr)}}
.ist-kutu{text-align:center;padding:1.5rem 1rem;background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:var(--radius)}
.ist-sayi{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;line-height:1;white-space:nowrap;background:linear-gradient(120deg,#0A86CE,#2F63DC);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:680px){.ist-sayi{font-size:clamp(1.3rem,6.2vw,1.8rem)}}
.ist-etiket{color:var(--metin-2);font-size:.9rem;margin-top:.5rem;font-weight:600}
.adimlar{display:grid;gap:1.5rem;counter-reset:adim}
.adim{position:relative;padding:1.6rem 1.6rem 1.6rem 4.6rem;background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:var(--radius)}
.adim::before{counter-increment:adim;content:counter(adim);position:absolute;left:1.4rem;top:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16A6EA,#0072C9);color:#fff;border-radius:12px;font-weight:800;font-size:1.15rem;box-shadow:0 6px 16px rgba(0,120,205,.3)}
.adim h3{font-size:1.14rem;margin-bottom:.4rem}
.adim p{font-size:.94rem}
.bilgi-kutusu{display:flex;gap:1rem;padding:1.3rem 1.5rem;background:var(--mavi-yumusak);border:1px solid var(--kenar-parlak);border-left:4px solid var(--mavi);border-radius:var(--radius-sm)}
.bilgi-kutusu i{color:var(--mavi-koyu);font-size:1.3rem;margin-top:.15rem}
.bilgi-kutusu.yesil{background:rgba(30,158,90,.09);border-color:rgba(30,158,90,.32);border-left-color:var(--basari)}
.bilgi-kutusu.yesil i{color:var(--basari-koyu)}
.bilgi-kutusu h4{margin-bottom:.3rem;font-size:1rem}
.bilgi-kutusu p{font-size:.92rem;margin:0}
.sss-liste{display:flex;flex-direction:column;gap:.9rem}
.sss-oge{background:#fff;border:1px solid var(--kenar);border-radius:var(--radius-sm);overflow:hidden}
.sss-oge[open]{border-color:var(--kenar-parlak);box-shadow:var(--golge)}
.sss-oge summary{list-style:none;cursor:pointer;padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;color:var(--metin);font-size:1.03rem}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary i{color:var(--mavi-koyu);transition:transform .3s;flex-shrink:0}
.sss-oge[open] summary i{transform:rotate(45deg)}
.sss-govde{padding:0 1.4rem 1.3rem}
.sss-govde p{font-size:.96rem}
.sss-govde p+p{margin-top:.8rem}
.tablo-sar{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:#fff}
table.veri{width:100%;border-collapse:collapse;min-width:560px}
table.veri th,table.veri td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid var(--kenar-2);font-size:.94rem}
table.veri thead th{background:var(--acik);color:var(--metin);font-weight:800;font-size:.86rem;letter-spacing:.02em;text-transform:uppercase}
table.veri tbody tr:hover{background:var(--mavi-yumusak)}
table.veri td:first-child,table.veri th[scope="row"]{font-weight:700;color:var(--metin)}
table.veri .evet{color:var(--basari-koyu);font-weight:700}
table.veri .kismi{color:var(--altin);font-weight:700}
.zaman-cizelgesi{position:relative;padding-left:34px}
.zaman-cizelgesi::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--mavi),rgba(0,175,240,.15))}
.zc-oge{position:relative;padding:0 0 2rem 6px}
.zc-oge::before{content:"";position:absolute;left:-33px;top:4px;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--mavi);box-shadow:0 0 0 4px rgba(0,175,240,.14)}
.zc-tarih{display:inline-block;color:var(--mavi-link);font-weight:800;font-size:.82rem;letter-spacing:.05em;margin-bottom:.35rem}
.zc-oge h3{font-size:1.14rem;margin-bottom:.4rem}
.zc-oge p{font-size:.94rem}
.galeri-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:760px){.galeri-izgara{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.galeri-izgara{grid-template-columns:1fr}}
.galeri-oge{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--kenar);aspect-ratio:4/3;background:linear-gradient(135deg,#E3F3FC,#EFF7FC);cursor:pointer}
.galeri-oge img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.galeri-oge:hover img{transform:scale(1.08)}
.galeri-oge figcaption{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .9rem .8rem;background:linear-gradient(transparent,rgba(6,30,45,.86));color:#fff;font-size:.86rem;font-weight:600;opacity:0;transition:.3s}
.galeri-oge:hover figcaption{opacity:1}
.lightbox{position:fixed;inset:0;z-index:2500;background:rgba(6,26,40,.9);display:none;align-items:center;justify-content:center;padding:24px}
.lightbox.acik{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:var(--radius);border:1px solid rgba(255,255,255,.25)}
.lightbox-kapat{position:absolute;top:20px;right:22px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.3rem;cursor:pointer}
.iletisim-izgara{display:grid;grid-template-columns:1fr;gap:1.2rem}
@media(min-width:720px){.iletisim-izgara{grid-template-columns:repeat(3,1fr)}}
.iletisim-kart{text-align:center;padding:1.8rem 1.4rem;background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:var(--radius)}
.iletisim-kart .kart-ikon{margin:0 auto 1rem}
.iletisim-kart h3{font-size:1.08rem;margin-bottom:.5rem}
.iletisim-kart p,.iletisim-kart a{font-size:.95rem;color:var(--metin-2)}
.iletisim-kart a:hover{color:var(--mavi-link)}
.harita-cerceve{border-radius:var(--radius);overflow:hidden;border:1px solid var(--kenar);line-height:0}
.harita-cerceve iframe{width:100%;height:420px;border:0;display:block}
.cta-bolum{position:relative;overflow:hidden;text-align:center;padding:clamp(48px,7vw,80px) 24px;background:linear-gradient(135deg,#0E9AE0,#005E9E);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);box-shadow:0 24px 50px rgba(0,90,150,.28)}
.cta-bolum::before{content:"";position:absolute;width:460px;height:460px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);top:-180px;right:-60px;z-index:0}
.cta-bolum::after{content:"";position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(0,80,140,.4),transparent 70%);bottom:-160px;left:-40px;z-index:0}
.cta-bolum>*{position:relative;z-index:1}
.cta-bolum h2{margin-bottom:1rem;color:#fff}
.cta-bolum p{max-width:600px;margin:0 auto 1.8rem;font-size:1.06rem;color:rgba(255,255,255,.92)}
.cta-bolum .rozet{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff}
.cta-butonlar{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}
.cta-bolum .btn-birincil{background:#fff;color:#0072C9}
.cta-bolum .btn-birincil:hover{background:#EAF6FF;color:#0062B4}
.cta-bolum .btn-hayalet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.65);color:#fff}
.cta-bolum .btn-hayalet:hover{background:rgba(255,255,255,.18);color:#fff;border-color:#fff}
.sayfa-baslik{text-align:center}
.sayfa-baslik h1{margin-bottom:.9rem}
.sayfa-baslik p{max-width:680px;margin:0 auto;font-size:1.08rem}
.ekmek-kirintisi{padding:1rem 0}
.ekmek-kirintisi ol{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem}
.ekmek-kirintisi li{display:flex;align-items:center;gap:.5rem;color:var(--metin-3)}
.ekmek-kirintisi li:not(:last-child)::after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--metin-3);font-size:.75rem}
.ekmek-kirintisi a{color:var(--metin-2)}
.ekmek-kirintisi a:hover{color:var(--mavi-link)}
.ekmek-kirintisi [aria-current="page"]{color:var(--mavi-link);font-weight:600}
.blog-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--radius);overflow:hidden;transition:var(--gecis);height:100%}
.blog-kart:hover{transform:translateY(-5px);border-color:var(--kenar-parlak);box-shadow:var(--golge)}
.blog-kart-gorsel{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#E3F3FC,#EFF7FC)}
.blog-kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-kart:hover .blog-kart-gorsel img{transform:scale(1.05)}
.blog-kart-govde{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.blog-kategori{color:var(--mavi-link);font-weight:800;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}
.blog-kart-govde h3{font-size:1.16rem;margin-bottom:.6rem;line-height:1.35}
.blog-kart-govde h3 a{color:var(--metin)}
.blog-kart-govde h3 a:hover{color:var(--mavi-link)}
.blog-kart-govde p{font-size:.92rem;flex:1;margin-bottom:1rem}
.blog-meta{display:flex;align-items:center;gap:1rem;font-size:.8rem;color:var(--metin-3);border-top:1px solid var(--kenar-2);padding-top:.9rem}
.blog-meta span{display:inline-flex;align-items:center;gap:.4rem}
.makale{max-width:820px;margin:0 auto}
.makale-baslik{margin-bottom:1.5rem}
.makale-govde>*{margin-bottom:1.2rem}
.makale-govde h2{margin-top:2.2rem;padding-top:.4rem}
.makale-govde h3{margin-top:1.6rem}
.makale-govde p{font-size:1.05rem;color:var(--metin-2)}
.makale-govde ul,.makale-govde ol{padding-left:1.3rem;color:var(--metin-2)}
.makale-govde ul li{position:relative;padding-left:1.4rem;margin-bottom:.6rem;list-style:none}
.makale-govde ul li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--mavi-koyu);position:absolute;left:0;font-size:.8rem;top:.28rem}
.makale-govde ol{list-style:decimal;padding-left:1.6rem}
.makale-govde ol li{margin-bottom:.6rem;padding-left:.3rem}
.makale-govde blockquote{border-left:4px solid var(--mavi);padding:.6rem 1.4rem;background:var(--mavi-yumusak);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--metin)}
.makale-govde img{border-radius:var(--radius);border:1px solid var(--kenar);margin:1.6rem 0}
.yazar-serit{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.4rem;background:linear-gradient(180deg,#fff,var(--acik-2));border:1px solid var(--kenar);border-radius:var(--radius)}
.yazar-av{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--mavi),var(--mor));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.2rem;flex-shrink:0}
.yazar-serit .ad{font-weight:800;color:var(--metin)}
.yazar-serit .rol{font-size:.85rem;color:var(--metin-3)}
.etiket-bulut{display:flex;flex-wrap:wrap;gap:.6rem}
.sayfalama{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}
.sayfalama a,.sayfalama span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .8rem;border:1px solid var(--kenar);border-radius:11px;color:var(--metin-2);font-weight:700;background:#fff}
.sayfalama a:hover{border-color:var(--mavi);color:var(--mavi-link)}
.sayfalama .aktif{background:var(--mavi-link);color:#fff;border-color:var(--mavi-link)}
.liste-yildizli{display:grid;gap:.8rem}
.liste-yildizli li{position:relative;padding-left:1.8rem;color:var(--metin-2);line-height:1.65}
.liste-yildizli li i{position:absolute;left:0;top:.4rem;color:var(--mavi-koyu);font-size:.9rem}
.liste-yildizli li strong{color:var(--metin)}
.mini-nav{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.4rem}
.mini-nav a{padding:.55rem 1.1rem;border:1px solid var(--kenar);border-radius:var(--radius-pill);font-size:.88rem;font-weight:600;color:var(--metin-2);background:#fff}
.mini-nav a:hover,.mini-nav a.aktif{background:var(--mavi-link);color:#fff;border-color:var(--mavi-link)}
.site-alt{background:linear-gradient(180deg,#fff,#E8F3FB);border-top:1px solid var(--kenar);padding:clamp(48px,6vw,72px) 0 0;margin-top:40px}
.alt-ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.4rem;padding-bottom:2.6rem;border-bottom:1px solid var(--kenar)}
@media(max-width:900px){.alt-ust{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.alt-ust{grid-template-columns:1fr}}
.alt-marka .logo{margin-bottom:1rem}
.alt-marka p{font-size:.92rem;margin-bottom:1.3rem;max-width:340px}
.alt-sosyal{display:flex;gap:.7rem;flex-wrap:wrap}
.sosyal-link{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;border:1px solid var(--kenar);color:var(--mavi-link);font-size:1.05rem;transition:var(--gecis);cursor:pointer}
.sosyal-link:hover{background:var(--mavi);color:#fff;border-color:var(--mavi);transform:translateY(-3px)}
.alt-baslik{font-size:.86rem;text-transform:uppercase;letter-spacing:.12em;color:var(--metin);font-weight:800;margin-bottom:1.2rem}
.alt-liste{display:flex;flex-direction:column;gap:.7rem}
.alt-liste a{color:var(--metin-2);font-size:.92rem}
.alt-liste a:hover{color:var(--mavi-link);padding-left:4px}
.alt-iletisim{display:flex;flex-direction:column;gap:.9rem}
.alt-iletisim li{display:flex;gap:.7rem;align-items:flex-start;color:var(--metin-2);font-size:.9rem}
.alt-iletisim i{color:var(--mavi-koyu);margin-top:.25rem;width:16px;text-align:center}
.alt-iletisim a{color:var(--metin-2)}
.alt-iletisim a:hover{color:var(--mavi-link)}
.alt-taban{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:1.6rem 0}
.alt-taban p{font-size:.85rem;color:var(--metin-3);margin:0}
.alt-yasal{display:flex;flex-wrap:wrap;gap:1.2rem}
.alt-yasal a{font-size:.85rem;color:var(--metin-3)}
.alt-yasal a:hover{color:var(--mavi-link)}
@media(max-width:600px){
.alt-ust{grid-template-columns:1fr;gap:2rem;text-align:center}
.alt-marka{display:flex;flex-direction:column;align-items:center}
.alt-marka p{margin-left:auto;margin-right:auto}
.alt-sosyal{justify-content:center}
.alt-liste{align-items:center}
.alt-liste a:hover{padding-left:0}
.alt-iletisim{align-items:center}
.alt-iletisim li{justify-content:center;text-align:left;max-width:300px}
.alt-taban{flex-direction:column;justify-content:center;text-align:center;gap:.9rem}
.alt-yasal{justify-content:center}
}
.yukari-btn{position:fixed;right:22px;bottom:22px;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,#16A6EA,#0072C9);color:#fff;border:0;font-size:1.15rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:var(--gecis);z-index:900;box-shadow:0 10px 26px rgba(0,120,205,.36)}
.yukari-btn.gorunur{opacity:1;visibility:visible;transform:translateY(0)}
.alt-sabit-cta{display:none}
.alt-sabit-btn{pointer-events:auto;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.6rem;max-width:430px;margin:0 auto;padding:.95rem 1.4rem;background:linear-gradient(135deg,#16A6EA,#0079CC);color:#fff;font-family:var(--baslik);font-weight:800;font-size:1.02rem;letter-spacing:.01em;text-align:center;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);box-shadow:0 8px 26px rgba(0,120,205,.4),0 2px 8px rgba(0,120,205,.28);animation:ctaNabiz 2.6s ease-in-out infinite}
.alt-sabit-btn::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(105deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:translateX(-170%) skewX(-18deg);animation:ctaParilti 3.4s linear infinite}
.cta-coin{font-size:1.22rem;line-height:1;animation:ctaZipla 1.8s ease-in-out infinite}
.cta-ok{font-size:1.02rem;line-height:1;animation:ctaKay 1.4s ease-in-out infinite}
@keyframes ctaNabiz{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes ctaParilti{0%{transform:translateX(-170%) skewX(-18deg)}55%,100%{transform:translateX(330%) skewX(-18deg)}}
@keyframes ctaZipla{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-12deg)}}
@keyframes ctaKay{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:820px){
body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
.alt-sabit-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:920;padding:14px 14px calc(13px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(233,243,251,0),rgba(233,243,251,.88) 42%,#E9F3FB 78%);pointer-events:none}
.yukari-btn{bottom:calc(88px + env(safe-area-inset-bottom));width:44px;height:44px;font-size:1rem}
}
@media(max-width:369px){.alt-sabit-btn{font-size:.9rem;padding:.85rem 1rem;gap:.45rem}.cta-coin{font-size:1.05rem}.cta-ok{font-size:.92rem}}
@media(prefers-reduced-motion:reduce){.alt-sabit-btn,.alt-sabit-btn::after,.cta-coin,.cta-ok{animation:none}}
.hata-404{text-align:center;padding:clamp(60px,10vw,120px) 0}
.hata-404 .kod{font-size:clamp(5rem,20vw,11rem);font-weight:900;line-height:1;background:linear-gradient(120deg,#0AA6EC,#4655D8);-webkit-background-clip:text;background-clip:text;color:transparent}
.merkez{text-align:center}
.mt-s{margin-top:1rem}.mt-m{margin-top:2rem}.mt-l{margin-top:3rem}
.mb-s{margin-bottom:1rem}.mb-m{margin-bottom:2rem}
.vurgu-metin{color:var(--mavi-link);font-weight:700}
.hero h1 .vurgu{background:linear-gradient(120deg,#0A86CE,#2F63DC,#00AFF0,#0A86CE);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:parilti 7s linear infinite;white-space:nowrap}
.hero-yazi>*{animation:heroGir .7s cubic-bezier(.2,.7,.2,1) both}
.hero-yazi>*:nth-child(2){animation-delay:.1s}
.hero-yazi>*:nth-child(3){animation-delay:.2s}
.hero-yazi>*:nth-child(4){animation-delay:.3s}
.hero-yazi>*:nth-child(5){animation-delay:.4s}
.hero-gorsel{animation:heroGorselGir 1s cubic-bezier(.2,.7,.2,1) .25s both}
.hero-rozet{gap:.6rem}
.canli-nokta{width:9px;height:9px;border-radius:50%;background:var(--basari);position:relative;flex-shrink:0}
.canli-nokta::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--basari);animation:nabiz 1.9s ease-out infinite}
.hero-guven{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.7rem;list-style:none}
.hero-guven li{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:rgba(255,255,255,.72);border:1px solid var(--kenar);border-radius:var(--radius-pill);font-size:.83rem;font-weight:600;color:var(--metin-2);backdrop-filter:blur(6px)}
.hero-guven li i{color:var(--mavi-koyu)}
.hero-butonlar .btn-birincil{position:relative;overflow:hidden}
.hero-butonlar .btn-birincil::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-255%) skewX(-18deg);animation:parla 5s ease-in-out infinite;pointer-events:none}
.hero-gorsel-sahne{position:relative}
.hero-gorsel-sahne .gorsel-cerceve{box-shadow:0 30px 70px rgba(0,120,205,.22);border:1px solid rgba(255,255,255,.75)}
.hero-gorsel-sahne::before{content:"";position:absolute;inset:-16px;border-radius:34px;background:conic-gradient(from 0deg,rgba(0,175,240,.4),rgba(91,107,255,.28),rgba(51,195,245,.4),rgba(0,175,240,.4));filter:blur(26px);z-index:-1;opacity:.55;animation:donus 16s linear infinite}
.hero-cip{position:absolute;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .95rem;background:rgba(255,255,255,.95);border:1px solid var(--kenar);border-radius:14px;font-size:.83rem;font-weight:700;color:var(--metin);box-shadow:0 14px 30px rgba(12,46,68,.15);backdrop-filter:blur(8px);z-index:2}
.hero-cip i{color:var(--mavi-koyu);font-size:1rem}
.hero-cip.cip-1{top:7%;left:-5%;animation:suzul 5s ease-in-out infinite}
.hero-cip.cip-2{bottom:14%;right:-4%;animation:suzul 6s ease-in-out infinite .6s}
.hero-cip.cip-3{bottom:-5%;left:14%;animation:suzul 5.5s ease-in-out infinite 1.1s}
@media(max-width:600px){.hero-cip{display:none}
.hero-yazi{text-align:center}
.hero h1{margin-left:auto;margin-right:auto}
.hero-metin{margin-left:auto;margin-right:auto}
.hero-butonlar{flex-direction:column;align-items:stretch;gap:.8rem}
.hero-butonlar .btn{width:100%}
.hero-guven{flex-direction:column;align-items:stretch;gap:.55rem}
.hero-guven li{justify-content:center;padding:.65rem .9rem}
}
.ana-nav.acik .nav-liste>li{animation:navGir .42s cubic-bezier(.2,.7,.2,1) both}
.ana-nav.acik .nav-liste>li:nth-child(2){animation-delay:.05s}
.ana-nav.acik .nav-liste>li:nth-child(3){animation-delay:.1s}
.ana-nav.acik .nav-liste>li:nth-child(4){animation-delay:.15s}
.ana-nav.acik .nav-liste>li:nth-child(5){animation-delay:.2s}
.ana-nav.acik .nav-liste>li:nth-child(6){animation-delay:.25s}
.ana-nav.acik .nav-liste>li:nth-child(7){animation-delay:.3s}
.ana-nav.acik .nav-liste>li:nth-child(8){animation-delay:.35s}
.ana-nav.acik .nav-liste>li:nth-child(9){animation-delay:.4s}
@keyframes orbGez{0%,100%{transform:translate(0,0)}33%{transform:translate(28px,-22px)}66%{transform:translate(-20px,18px)}}
@keyframes heroGir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroGorselGir{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes nabiz{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.4);opacity:0}}
@keyframes parilti{to{background-position:220% 0}}
@keyframes parla{0%,55%{transform:translateX(-255%) skewX(-18deg)}78%,100%{transform:translateX(273%) skewX(-18deg)}}
@keyframes suzul{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes donus{to{transform:rotate(360deg)}}
@keyframes navGir{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-yazi>*,.hero-gorsel{opacity:1}}