#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-golge: 0 18px 50px rgba(15,23,42,.09);
  font-family: var(--oy-font-metin);
  color: var(--oy-metin);
  min-height: 100vh;
  background: linear-gradient(165deg,#f8fafc 0%,#e0e7ff 48%,#f1f5f9 100%);
}
#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 rgba(79,70,229,.33)}
#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:linear-gradient(105deg,#0f172a,#4f46e5);background-clip:text;-webkit-background-clip:text}
#oy-kok.oy-tema-koyu .oy-kahraman-baslik{background:linear-gradient(105deg,#f8fafc,#93c5fd);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:rgba(79,70,229,.11);color:#4338ca}
#oy-kok.oy-tema-koyu .oy-etik{background:rgba(165,180,252,.13);color:#c7d2fe}
#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:linear-gradient(135deg,rgba(79,70,229,.13),rgba(8,145,178,.13));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:#4f46e5}
#oy-kok.oy-tema-koyu .oy-is-sayaci .bi-activity{color:#93c5fd}
#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 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-vurus);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:#4338ca;margin:0}
#oy-kok.oy-tema-koyu .oy-bolum-etik{color:#c7d2fe}
#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:#4338ca;margin:0}
#oy-kok.oy-tema-koyu .oy-guven-serit-etik{color:#c7d2fe}
#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:#4f46e5;margin-bottom:.2rem}
#oy-kok.oy-tema-koyu .oy-guven-kutu-ikon{color:#93c5fd}
#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:rgba(79,70,229,.32);box-shadow:0 22px 50px rgba(79,70,229,.14),0 10px 28px rgba(15,23,42,.08)}
#oy-kok .oy-hizmet-kart-gorsel{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#f1f5f9,#e2e8f0)}
#oy-kok.oy-tema-koyu .oy-hizmet-kart-gorsel{background:linear-gradient(145deg,#1e293b,#0f172a)}
#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:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.42) 100%);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-vurus);box-shadow:0 4px 16px rgba(79,70,229,.28);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 rgba(79,70,229,.38)}
#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:#4f46e5;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:#93c5fd}
#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%;max-height:min(70vh,26rem);object-fit:cover}
#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:linear-gradient(135deg,rgba(79,70,229,.09),rgba(8,145,178,.08));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)}