#oy-kok.oy-sarmal {



  overflow-x:clip;



  --oy-font-metin: "Inter", system-ui, sans-serif;



  --oy-font-baslik: "DM Sans", system-ui, sans-serif;



  --oy-metin: #0f172a;



  --oy-metin-ikincil: rgba(15,23,42,.68);



  --oy-yuzey: #fff;



  --oy-yuzey-2: rgba(255,255,255,.75);



  --oy-kener: rgba(148,163,184,.38);



  --oy-navbar-bg: rgba(255,255,255,.78);



  --oy-vurus: linear-gradient(120deg,#4f46e5,#0891b2);



  --oy-marka-birincil: #4f46e5;



  --oy-marka-ikincil: #0891b2;



  --oy-marka-orta: #7c3aed;



  --oy-marka-ikincil-koyu: #0e7490;



  --oy-marka-birincil-koyu: #4338ca;



  --oy-marka-birincil-cok-koyu: #312e81;



  --oy-marka-birincil-acik: rgba(79,70,229,.11);



  --oy-marka-birincil-acik-12: rgba(79,70,229,.12);



  --oy-marka-birincil-acik-13: rgba(79,70,229,.13);



  --oy-marka-ikincil-acik: rgba(8,145,178,.08);



  --oy-marka-ikincil-acik-10: rgba(8,145,178,.1);



  --oy-marka-ikincil-acik-13: rgba(8,145,178,.13);



  --oy-marka-birincil-golge: rgba(79,70,229,.33);



  --oy-marka-birincil-golge-hafif: rgba(79,70,229,.28);



  --oy-marka-birincil-golge-guclu: rgba(79,70,229,.38);



  --oy-marka-birincil-kenar: rgba(79,70,229,.32);



  --oy-marka-birincil-golge-kart: rgba(79,70,229,.14);



  --oy-marka-birincil-koyu-tema: #818cf8;



  --oy-marka-birincil-koyu-tema-acik: #93c5fd;



  --oy-marka-birincil-koyu-etik: #c7d2fe;



  --oy-marka-etik-acik-koyu: rgba(165,180,252,.13);



  --oy-marka-kutu-ikon: linear-gradient(135deg,rgba(79,70,229,.13),rgba(8,145,178,.13));



  --oy-marka-kahraman-baslik: linear-gradient(105deg,#0f172a,#4f46e5);



  --oy-marka-cta-arka: linear-gradient(135deg,rgba(79,70,229,.09),rgba(8,145,178,.08));



  --oy-sarmal-arka: linear-gradient(165deg,#f8fafc 0%,#e0e7ff 48%,#f1f5f9 100%);



  --oy-yapilan-islem-grad: linear-gradient(115deg,#1e1b4b 0%,#4f46e5 28%,#7c3aed 48%,#0891b2 72%,#0e7490 100%);



  --oy-yapilan-islem-sayi: linear-gradient(120deg,#312e81 0%,#4f46e5 45%,#0891b2 100%);



  --oy-yapilan-islem-zemin-isik: rgba(34,211,238,.2);



  --oy-yapilan-islem-panel-dis: rgba(79,70,229,.25);



  --oy-yapilan-islem-form-kenar: rgba(199,210,254,.4);



  --oy-marka-birincil-golge-anim-normal: rgba(79,70,229,.2);



  --oy-marka-birincil-golge-anim-parlak: rgba(79,70,229,.55);



  --oy-marka-ikincil-golge-tik: rgba(34,211,238,.75);



  --oy-hizmet-kart-gorsel-arka: linear-gradient(145deg,#f1f5f9,#e2e8f0);



  --oy-hizmet-kart-gorsel-ortu: linear-gradient(180deg,transparent 40%,rgba(49,46,129,.55) 100%);



  --oy-golge: 0 18px 50px rgba(15,23,42,.09);



  font-family: var(--oy-font-metin);



  color: var(--oy-metin);



  min-height: 100vh;



  background: var(--oy-sarmal-arka);



}



#oy-kok.oy-sarmal.oy-tema-koyu {



  --oy-metin: #f1f5f9;



  --oy-metin-ikincil: rgba(241,245,249,.66);



  --oy-yuzey: rgba(30,41,59,.9);



  --oy-yuzey-2: rgba(51,65,85,.58);



  --oy-kener: rgba(148,163,184,.22);



  --oy-navbar-bg: rgba(15,23,42,.88);



  --oy-vurus: linear-gradient(120deg,#818cf8,#22d3ee);



  --oy-golge: 0 16px 44px rgba(0,0,0,.5);



  background: linear-gradient(175deg,#020617 0%,#0f172a 42%,#1e1b4b 100%);



}



#oy-kok .oy-icerik{max-width:1120px;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}



#oy-kok .oy-ustbar{position:sticky;top:0;z-index:1000;backdrop-filter:blur(14px);background:var(--oy-navbar-bg);border-bottom:1px solid var(--oy-kener)}



#oy-kok .oy-ust-flex{display:flex;align-items:center;justify-content:space-between;min-height:4rem;gap:1rem}



#oy-kok .oy-marka{display:inline-flex;align-items:center;gap:.65rem;color:var(--oy-metin);font-weight:700;letter-spacing:-.02em;text-decoration:none}



#oy-kok .oy-marka-rozet{width:2.45rem;height:2.45rem;border-radius:.65rem;display:inline-flex;align-items:center;justify-content:center;background:var(--oy-vurus);color:#fff;font-weight:700;box-shadow:0 8px 24px var(--oy-marka-birincil-golge)}



#oy-kok .oy-marka-logo{height:2.75rem;width:auto;max-width:11rem;object-fit:contain;display:block;flex-shrink:0}



#oy-kok .oy-nav-el{padding:.42rem .9rem;border-radius:999px;color:var(--oy-metin-ikincil);text-decoration:none;font-size:.9rem;font-weight:500}



#oy-kok .oy-nav-el:hover{background:var(--oy-yuzey-2);color:var(--oy-metin)}



#oy-kok .oy-nav-yonetim{opacity:.68}



#oy-kok .oy-tema-btn{width:2.65rem;height:2.65rem;border-radius:999px;padding:0;border:1px solid var(--oy-kener);background:var(--oy-yuzey-2);color:var(--oy-metin)}



#oy-kok.oy-tema-koyu .oy-tema-ikon-acik{display:none!important}



#oy-kok.oy-tema-koyu .oy-tema-ikon-koyu{display:inline-block!important}



#oy-kok:not(.oy-tema-koyu) .oy-tema-ikon-koyu{display:none!important}



#oy-kok .oy-hamburger{border-radius:.5rem;border:1px solid var(--oy-kener);background:var(--oy-yuzey-2)}



#oy-kok main.oy-ana{min-height:calc(100vh - 220px)}



#oy-kok .oy-kahraman{padding:clamp(2rem,6vw,3.75rem);border-radius:1.5rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);box-shadow:var(--oy-golge)}



#oy-kok .oy-kahraman-baslik{font-size:clamp(1.8rem,4.6vw,2.7rem);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:transparent;background:var(--oy-marka-kahraman-baslik);background-clip:text;-webkit-background-clip:text}



#oy-kok.oy-tema-koyu .oy-kahraman-baslik{background:var(--oy-marka-kahraman-baslik);background-clip:text;-webkit-background-clip:text}



#oy-kok .oy-etik{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:.18rem .7rem;border-radius:999px;background:var(--oy-marka-birincil-acik);color:var(--oy-marka-birincil-koyu)}



#oy-kok.oy-tema-koyu .oy-etik{background:var(--oy-marka-etik-acik-koyu);color:var(--oy-marka-birincil-koyu-etik)}



#oy-kok .oy-kutu{border-radius:1.08rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);padding:1.35rem;height:100%;transition:transform .16s ease,box-shadow .16s}



#oy-kok .oy-kutu:hover{transform:translateY(-3px);box-shadow:var(--oy-golge)}



#oy-kok .oy-kutu-ikon{width:2.7rem;height:2.7rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:var(--oy-marka-kutu-ikon);font-size:1.2rem}



#oy-kok .oy-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;color:var(--oy-metin-ikincil);padding:.38rem .9rem;border-radius:999px;border:1px solid var(--oy-kener)}



#oy-kok .oy-is-sayaci{border-color:var(--oy-kener);background:var(--oy-yuzey-2)}



#oy-kok .oy-is-sayaci .bi-activity{color:var(--oy-marka-birincil)}



#oy-kok.oy-tema-koyu .oy-is-sayaci .bi-activity{color:var(--oy-marka-birincil-koyu-tema-acik)}



#oy-kok footer.oy-alt{margin-top:2.75rem;border-top:1px solid var(--oy-kener);background:rgba(255,255,255,.55)}



#oy-kok.oy-tema-koyu footer.oy-alt{background:rgba(15,23,42,.52)}



#oy-kok .oy-alt-ust{border-color:var(--oy-kener)!important}



#oy-kok .oy-alt-logo{height:2.25rem;max-width:9rem}



#oy-kok .oy-alt-rozet{width:2.1rem;height:2.1rem;font-size:.95rem}



#oy-kok .oy-alt-nav-el{color:var(--oy-metin-ikincil);font-weight:500}



#oy-kok .oy-alt-nav-el:hover{color:var(--oy-metin)}



#oy-kok .oy-alt-yonetim{color:var(--oy-metin-ikincil);text-decoration:none}



#oy-kok .oy-alt-yonetim:hover{color:var(--oy-metin)}



#oy-kok .oy-mobil-menu{border-top:1px solid var(--oy-kener)}



#oy-kok .oy-icerik-ham{line-height:1.75}



#oy-kok .oy-icerik-ham img{max-width:100%;height:auto;border-radius:.65rem;display:block;margin:1rem 0}



#oy-kok .oy-icerik-ham h1,#oy-kok .oy-icerik-ham h2,#oy-kok .oy-icerik-ham h3{margin-top:1.2rem;margin-bottom:.65rem;font-weight:700}



#oy-kok .oy-harita-bolum .oy-harita-sarmal{position:relative;width:100%;aspect-ratio:16/9;max-height:26rem;background:var(--oy-yuzey-2)}



#oy-kok .oy-harita-bolum .oy-harita-sarmal > iframe{position:absolute;inset:0;width:100%;height:100%;border:0}



#oy-kok .oy-sozlesme-kutu{padding:clamp(1.25rem,3vw,2rem);border-radius:1rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);display:flex;justify-content:space-between;align-items:center;gap:1rem;text-decoration:none;color:inherit;margin-bottom:.75rem}



#oy-kok main.oy-ana-main-icerik{padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:clamp(2rem,4vw,3rem)}



#oy-kok main.oy-ana:has(.oy-ana-sayfa):not(.oy-ana-main-icerik){padding-top:clamp(1.25rem,3vw,2.25rem);padding-bottom:clamp(2rem,4vw,3rem)}



#oy-kok .oy-btn-birincil{background:var(--oy-marka-birincil);border:none;color:#fff;font-weight:600}



#oy-kok .oy-btn-birincil:hover{filter:brightness(1.06);color:#fff}



#oy-kok .oy-btn-ikincil{border:1px solid var(--oy-kener);background:var(--oy-yuzey);color:var(--oy-metin);font-weight:600}



#oy-kok .oy-btn-ikincil:hover{background:var(--oy-yuzey-2);color:var(--oy-metin)}



#oy-kok .oy-bolum-etik{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--oy-marka-birincil-koyu);margin:0}



#oy-kok.oy-tema-koyu .oy-bolum-etik{color:var(--oy-marka-birincil-koyu-etik)}



#oy-kok .oy-bolum-baslik-h2{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}



#oy-kok .oy-bolum-alt{color:var(--oy-metin-ikincil);max-width:42rem;line-height:1.6;margin:0}



#oy-kok .oy-ana-banner-kart{border-radius:.85rem;overflow:hidden;border:1px solid var(--oy-kener);background:var(--oy-yuzey);box-shadow:0 8px 24px rgba(15,23,42,.06)}



#oy-kok .oy-ana-banner-kart .oy-banner-gorsel{max-height:10rem;object-fit:cover;display:block}



#oy-kok .oy-guven-serit{border-radius:1.25rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);box-shadow:var(--oy-golge);padding:clamp(1.25rem,3vw,1.75rem)}



#oy-kok .oy-guven-serit-ic{display:grid;gap:1.35rem}



@media (min-width:992px){



#oy-kok .oy-guven-serit-ic{grid-template-columns:1.15fr auto auto;align-items:center}



}



#oy-kok .oy-guven-serit-etik{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--oy-marka-birincil-koyu);margin:0}



#oy-kok.oy-tema-koyu .oy-guven-serit-etik{color:var(--oy-marka-birincil-koyu-etik)}



#oy-kok .oy-guven-serit-slogan{color:var(--oy-metin-ikincil);line-height:1.55;font-size:.98rem}



#oy-kok .oy-guven-serit-istatistikler{display:flex;flex-wrap:wrap;gap:.75rem}



#oy-kok .oy-guven-kutu{flex:1 1 6.5rem;min-width:5.5rem;padding:.65rem .85rem;border-radius:.85rem;border:1px solid var(--oy-kener);background:var(--oy-yuzey-2);text-align:center}



#oy-kok .oy-guven-kutu-ikon{display:block;font-size:1.1rem;color:var(--oy-marka-birincil);margin-bottom:.2rem}



#oy-kok.oy-tema-koyu .oy-guven-kutu-ikon{color:var(--oy-marka-birincil-koyu-tema-acik)}



#oy-kok .oy-guven-kutu-sayi{display:block;font-size:1.35rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}



#oy-kok .oy-guven-kutu-etik{display:block;font-size:.68rem;color:var(--oy-metin-ikincil);margin-top:.15rem}



#oy-kok .oy-hizmet-kart{display:flex;flex-direction:column;border-radius:1.25rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);overflow:hidden;box-shadow:0 4px 22px rgba(15,23,42,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}



#oy-kok a.oy-hizmet-kart:hover{transform:translateY(-6px);border-color:var(--oy-marka-birincil-kenar);box-shadow:0 22px 50px var(--oy-marka-birincil-golge-kart),0 10px 28px rgba(15,23,42,.08)}



#oy-kok .oy-hizmet-kart-gorsel{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--oy-hizmet-kart-gorsel-arka)}



#oy-kok.oy-tema-koyu .oy-hizmet-kart-gorsel{background:var(--oy-hizmet-kart-gorsel-arka)}



#oy-kok .oy-hizmet-kart-gorsel img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1)}



#oy-kok a.oy-hizmet-kart:hover .oy-hizmet-kart-gorsel img{transform:scale(1.05)}



#oy-kok .oy-hizmet-kart-gorsel-ortu{position:absolute;inset:0;background:var(--oy-hizmet-kart-gorsel-ortu);opacity:0;transition:opacity .25s ease;pointer-events:none}



#oy-kok a.oy-hizmet-kart:hover .oy-hizmet-kart-gorsel-ortu{opacity:1}



#oy-kok .oy-hizmet-kart-govde{display:flex;flex-direction:column;flex:1;gap:.35rem;padding:1.15rem 1.2rem 1.3rem}



#oy-kok .oy-hizmet-kart-baslik{font-size:1.08rem;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.02em}



#oy-kok .oy-hizmet-kart-aciklama{font-size:.86rem;color:var(--oy-metin-ikincil);margin:0;line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}



#oy-kok .oy-hizmet-kart-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;align-self:flex-start;padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#fff;background:var(--oy-marka-birincil);box-shadow:0 4px 16px var(--oy-marka-birincil-golge-hafif);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}



#oy-kok .oy-hizmet-kart-link .bi{font-size:1rem;line-height:1;transition:transform .2s ease}



#oy-kok a.oy-hizmet-kart:hover .oy-hizmet-kart-link{filter:brightness(1.05);box-shadow:0 6px 22px var(--oy-marka-birincil-golge-guclu)}



#oy-kok a.oy-hizmet-kart:hover .oy-hizmet-kart-link .bi{transform:translateX(3px)}



#oy-kok .oy-hizmet-kart:not(a) .oy-hizmet-kart-link{color:var(--oy-marka-birincil);background:transparent;border:1px solid var(--oy-kener);box-shadow:none}



#oy-kok.oy-tema-koyu .oy-hizmet-kart:not(a) .oy-hizmet-kart-link{color:var(--oy-marka-birincil-koyu-tema-acik)}



#oy-kok .oy-ana-sayfa-video-blok{margin-bottom:0}



#oy-kok .oy-ana-sayfa-video-blok .oy-ana-icerik-blok-ic{padding:0;overflow:hidden;line-height:0}



#oy-kok .oy-ana-sayfa-video-oynatici{display:block;width:100%;height:auto;max-height:none;margin:0;border-radius:0;background:#0f172a;vertical-align:top}



#oy-kok .oy-ana-icerik-blok{margin-bottom:1.25rem}



#oy-kok .oy-ana-icerik-blok-ic{border-radius:1.25rem;background:var(--oy-yuzey);border:1px solid var(--oy-kener);box-shadow:0 12px 36px rgba(15,23,42,.06);padding:clamp(1.15rem,3vw,2rem)}



#oy-kok .oy-ana-icerik-medya-cerceve{border-radius:1rem;overflow:hidden;background:var(--oy-yuzey-2);border:1px solid var(--oy-kener)}



#oy-kok .oy-ana-icerik-baslik{font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:800;letter-spacing:-.02em;margin:0 0 .85rem;line-height:1.2}



#oy-kok .oy-ana-icerik-metin-govde{font-size:1rem;color:var(--oy-metin-ikincil);line-height:1.75}



#oy-kok .oy-ana-icerik-blok:last-child{margin-bottom:0}



#oy-kok .oy-ana-icerik-gorsel{display:block;width:100%;height:auto;max-height:min(70vh,36rem)}



#oy-kok .oy-ana-icerik-gomme iframe{border:0}



#oy-kok .oy-ana-icerik-video{max-height:min(70vh,26rem);background:#0f172a;display:block;width:100%}



#oy-kok .oy-cta-alt{border-radius:1.35rem;padding:clamp(2rem,5vw,3rem);background:var(--oy-marka-cta-arka);border:1px solid var(--oy-kener)}



#oy-kok .oy-cta-alt-baslik{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;letter-spacing:-.02em;margin:0}



#oy-kok .oy-cta-alt-metin{color:var(--oy-metin-ikincil);max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.6}



#oy-kok.oy-sarmal :is(



  h1,h2,h3,h4,h5,h6,



  .btn,



  .oy-marka,



  .oy-kahraman-baslik,



  .oy-bolum-baslik-h2,



  .oy-bolum-etik,



  .oy-etik,



  .oy-guven-serit-etik,



  .oy-guven-kutu-sayi,



  .oy-hizmet-kart-baslik,



  .oy-hizmet-kart-link,



  .oy-kat-baslik,



  .oy-kat-bolum-baslik,



  .oy-kat-cta-baslik,



  .oy-ana-icerik-baslik,



  .oy-cta-alt-baslik,



  .oy-slider-tam__baslik,



  .oy-slider-tam__sayi,



  .oy-yapilan-islem__etik,



  .oy-yapilan-islem__sayi



){font-family:var(--oy-font-baslik)}