:root{
  --brand:#1E88E5;--brand-600:#1565C0;--brand-800:#0B3D91;--brand-50:#E3F0FC;
}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Sans',system-ui,sans-serif;background:#fafafa;overflow-x:hidden}
h1,h2,h3,.kb-baslik{font-family:'IBM Plex Serif','Georgia',serif;letter-spacing:-.02em;font-weight:600}
.gradient-text{
  background-image:linear-gradient(135deg,#1565C0 0%,#1E88E5 55%,#42A5F5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.glass-panel{
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.85)
}
.hero-pattern{
  background-color:#fff;
  background-image:radial-gradient(#e5e7eb 1px,transparent 1px);
  background-size:20px 20px
}
.animation-delay-2000{animation-delay:2s}
.animation-delay-4000{animation-delay:4s}
.mobile-nav-panel{
  display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
  margin-top:10px;padding:12px;border-radius:24px;
  background:rgba(255,255,255,.96);border:1px solid #e5e7eb;
  box-shadow:0 24px 64px rgba(15,23,42,.16)
}
.mobile-nav-panel.is-open{display:grid}
.mobile-nav-card{
  min-height:82px;border:1px solid #e3f0fc;border-radius:20px;background:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  color:#4b5563;font-size:12px;font-weight:800;text-align:center;text-decoration:none
}
.mobile-nav-card i{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;background:linear-gradient(135deg,#E3F0FC,#FDE7E7);color:#1565C0;font-size:16px
}
.mobile-nav-card.primary{background:linear-gradient(135deg,#1565C0,#1E88E5);color:#fff;border-color:transparent}
.mobile-nav-card.primary i{background:rgba(255,255,255,.18);color:#fff}
.cift-cerceve{position:relative;max-width:520px;margin:0 auto}
.cift-cerceve img.cift-foto{
  width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2.2rem;
  box-shadow:0 28px 60px rgba(15,23,42,.22);display:block
}
.cift-rozet{
  position:absolute;background:#fff;border-radius:1.1rem;padding:10px 14px;
  box-shadow:0 12px 30px rgba(15,23,42,.14);display:flex;align-items:center;gap:10px
}
.cift-rozet img{width:28px;height:28px;object-fit:contain}
.ikon-kart{width:56px;height:56px;object-fit:contain;display:block}
.kb-hukuk h2{margin:1.8rem 0 .55rem;font-size:1.28rem}
.kb-hukuk h3{margin:1.15rem 0 .4rem;font-size:1.06rem}
.kb-hukuk p,.kb-hukuk li{color:#374151;line-height:1.75}
.kb-hukuk ul,.kb-hukuk ol{padding-left:1.25rem;margin:.4rem 0 1rem}
.kb-hukuk .sss{padding:14px 0;border-bottom:1px solid #f3f4f6}
.kb-hukuk .sss b{display:block;margin-bottom:4px;color:#111827}
.kb-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.4rem}
.kb-toc a{
  text-decoration:none;font-size:13px;font-weight:700;color:#1565C0;
  background:#E3F0FC;border-radius:999px;padding:7px 12px
}
.kb-kart{
  background:#F8FAFC;border:1px solid #E5E7EB;border-radius:1.1rem;
  padding:1rem 1.15rem;margin:1rem 0
}
.kb-ilgili{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.8rem}
.kb-ilgili a{
  text-decoration:none;font-size:13px;font-weight:700;color:#111827;
  background:#fff;border:1px solid #E5E7EB;border-radius:999px;padding:8px 12px
}
.kb-rozet{
  display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;
  color:#1565C0;background:#E3F0FC;border-radius:999px;padding:5px 10px;margin-bottom:10px
}
.kb-eksik{background:#FEF3C7;border:1px solid #F59E0B;color:#78350F;border-radius:12px;padding:12px 14px;font-size:14px}
.kb-cerez{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:80;
  max-width:640px;margin:0 auto;padding:16px 18px;border-radius:20px;
  background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 50px rgba(15,23,42,.18)
}
html.en-on [lang=tr]{display:none!important}
html:not(.en-on) [lang=en]{display:none!important}
html.en-on [lang=en]{display:block}
html.en-on li[lang=en],html:not(.en-on) li[lang=tr]{display:list-item}
html.en-on span[lang=en],html:not(.en-on) span[lang=tr],
html.en-on a[lang=en],html:not(.en-on) a[lang=tr],
html.en-on button[lang=en],html:not(.en-on) button[lang=tr]{display:inline}
html.en-on i[lang=en],html:not(.en-on) i[lang=tr]{display:inline-block}
@media print{
  nav,#kb-cerez,#sticky-cta,#back-to-top,.mobile-nav-panel{display:none!important}
  body{background:#fff}
  .kb-hukuk{box-shadow:none;border:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}