/* nodiga — alt sayfalar icin ortak stil (hakkimizda, iletisim, yasal metinler) */
:root{
  --koyu:#281E62;
  --koyu-2:#1C1547;
  --mercan:#F06151;
  --mercan-koyu:#DC5244;
  --mor:#7D69F2;
  --lavanta:#9C95B8;
  --metin:#4A4668;
  --beyaz:#FFFFFF;
  --yumusak:#F8F7FC;
  --cizgi:#E8E5F2;
  --onay:#2E9E6B;
  --golge:0 4px 24px rgba(40,30,98,.07);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--beyaz);color:var(--metin);
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%}
.kap{max-width:1140px;margin:0 auto;padding:0 24px}
h1,h2,h3{color:var(--koyu)}

/* ust bar */
header{background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:40}
.ust{display:flex;align-items:center;gap:36px;height:74px}
.marka{display:flex;align-items:center;text-decoration:none;flex:none}
.marka img{height:22px;display:block}
nav.baglar{display:flex;gap:28px}
nav.baglar a{text-decoration:none;color:var(--metin);font-size:15px}
nav.baglar a:hover{color:var(--koyu)}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:20px}
.giris{text-decoration:none;font-size:15px;color:var(--metin)}
.giris:hover{color:var(--koyu)}
.dugme{
  display:inline-block;background:var(--mercan);color:#fff;text-decoration:none;
  padding:13px 24px;border-radius:4px;font-size:15px;font-weight:600;
  box-shadow:0 2px 10px rgba(240,97,81,.28);transition:background .15s ease
}
.dugme:hover{background:var(--mercan-koyu)}
.dugme-bos{background:#fff;color:var(--koyu);border:1px solid var(--cizgi);box-shadow:none}
.dugme-bos:hover{background:var(--yumusak);border-color:var(--lavanta)}

/* sayfa basligi */
.sayfa-bas{background:var(--yumusak);border-bottom:1px solid var(--cizgi);padding:60px 0 56px}
.sayfa-bas .ustlik{font-size:13px;font-weight:700;color:var(--lavanta);letter-spacing:.05em;margin:0 0 10px}
.sayfa-bas h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.025em;margin:0 0 14px;font-weight:700}
.sayfa-bas p{margin:0;font-size:18px;max-width:40em}

/* icerik */
.icerik{padding:62px 0 80px;max-width:760px}
.icerik h2{font-size:22px;font-weight:650;letter-spacing:-.012em;margin:38px 0 10px}
.icerik h2:first-child{margin-top:0}
.icerik p{margin:0 0 16px}
.icerik ul{margin:0 0 16px;padding-left:22px}
.icerik li{margin-bottom:8px}
.icerik a{color:var(--mercan-koyu)}
.guncelleme{font-size:14.5px;color:var(--lavanta);margin:0 0 34px;padding-bottom:22px;border-bottom:1px solid var(--cizgi)}

/* kart izgarasi */
.kartlar{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 10px}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:26px 24px;box-shadow:var(--golge)}
.kart h3{margin:0 0 7px;font-size:18px;font-weight:650}
.kart p{margin:0;font-size:15.5px}
.kart b{display:block;color:var(--koyu);font-size:17px;font-weight:650;margin-bottom:3px}

/* kapanis */
.kapanis{background:var(--koyu);color:#fff;text-align:center;padding:76px 0}
.kapanis h2{color:#fff;margin:0 0 12px;font-size:clamp(25px,3vw,34px);letter-spacing:-.02em}
.kapanis p{color:#BDB7D6;margin:0 auto 28px;font-size:17px;max-width:32em}

/* alt bilgi */
footer{padding:52px 0 58px;background:var(--koyu-2);color:#9D97BC}
.alt-ust{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-bottom:34px}
.alt-ust img{height:20px;filter:invert(1)}
.alt-baglar{margin-left:auto;display:flex;gap:26px;flex-wrap:wrap}
.alt-baglar a{color:#9D97BC;text-decoration:none;font-size:15px}
.alt-baglar a:hover{color:#fff}
.telif{font-size:14px;color:#76709A;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin:0}

/* whatsapp dugmesi */
.wa{
  position:fixed;right:22px;bottom:22px;z-index:60;
  display:flex;align-items:center;gap:10px;
  background:#25D366;color:#fff;text-decoration:none;
  padding:13px 18px 13px 15px;border-radius:999px;font-size:15px;font-weight:600;
  box-shadow:0 8px 24px -6px rgba(37,211,102,.55);transition:transform .14s ease
}
.wa:hover{transform:translateY(-2px)}
.wa svg{width:21px;height:21px;flex:none;fill:#fff}
.wa span{white-space:nowrap}

@media (max-width:900px){
  body{font-size:16px}
  nav.baglar{display:none}
  .sayfa-bas{padding:42px 0 40px}
  .icerik{padding:44px 0 58px}
  .kartlar{grid-template-columns:1fr}
  .kapanis{padding:56px 0}
  .wa{right:16px;bottom:16px;padding:12px 15px}
  .wa span{display:none}
}