:root{
  --bg:#09090b;--yuzey:#141417;--yuzey2:#1a1a1f;--cizgi:#26262c;--cizgi2:#33333b;
  --ak:#ededf0;--gri:#a1a1aa;--soluk:#71717a;
  --vurgu:#818cf8;--vurgu2:#22d3ee;--uyari:#fb7185;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ak);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--vurgu2);text-decoration:none}
.kt-sar{max-width:1020px;margin:0 auto;padding:0 20px}

/* ---- masthead ---- */
.kt-ust{position:relative;padding:72px 0 34px;overflow:hidden}
.kt-ust::before{content:"";position:absolute;inset:0;
  background:radial-gradient(680px 320px at 78% -40%,rgba(129,140,248,.18),transparent 60%),
             radial-gradient(520px 300px at 6% -30%,rgba(34,211,238,.10),transparent 60%);
  pointer-events:none}
.kt-goz{position:relative;display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;
  font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gri)}
.kt-goz::before{content:"";width:26px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--vurgu),var(--vurgu2))}
.kt-ust h1{position:relative;margin:0;font-size:clamp(34px,6vw,56px);line-height:1.05;
  font-weight:800;letter-spacing:-.02em}
.kt-ust h1 b{font-weight:800;background:linear-gradient(96deg,#fff 10%,var(--vurgu) 60%,var(--vurgu2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.kt-ust .kt-alt{position:relative;margin:18px 0 0;max-width:640px;color:var(--gri);font-size:17px}

/* ---- intro ---- */
.kt-giris{margin:30px 0 6px;color:var(--gri);font-size:16px;max-width:720px}
.kt-giris b{color:var(--ak);font-weight:600}

/* ---- section head ---- */
.kt-blk{display:flex;align-items:baseline;gap:12px;margin:40px 0 18px}
.kt-blk h2{margin:0;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.kt-blk .cizgi{flex:1;height:1px;background:var(--cizgi)}

/* ---- ilce grid ---- */
.kt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:16px}
.kt-kart{position:relative;background:linear-gradient(180deg,var(--yuzey2),var(--yuzey));
  border:1px solid var(--cizgi);border-radius:16px;padding:20px 20px 18px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.kt-kart::after{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--vurgu),var(--vurgu2));opacity:0;transition:opacity .16s}
.kt-kart:hover{transform:translateY(-4px);border-color:var(--cizgi2);
  box-shadow:0 22px 48px -28px rgba(0,0,0,.9)}
.kt-kart:hover::after{opacity:1}
.kt-kart .kt-etk{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk)}
.kt-kart h3{margin:9px 0 8px;font-size:21px;font-weight:700;letter-spacing:-.01em}
.kt-kart p{margin:0;color:var(--gri);font-size:14px;line-height:1.6}

/* ---- how-to ---- */
.kt-not{margin:18px 0 0;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:16px;
  padding:22px 24px}
.kt-not p{margin:0 0 14px;color:var(--gri);font-size:15px}
.kt-not p:last-child{margin:0}
.kt-not b{color:var(--ak);font-weight:600}

/* ---- footer ---- */
.kt-dip{margin:46px 0 44px;padding-top:20px;border-top:1px solid var(--cizgi);
  color:var(--soluk);font-size:13px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.kt-dip .kt-rozet{display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--cizgi2);border-radius:999px;padding:4px 12px;color:var(--gri)}
.kt-dip .kt-rozet b{color:var(--uyari);font-weight:700}
@media(max-width:560px){.kt-ust{padding:52px 0 26px}}

/* ===== çok sayfalı donor katmanı ===== */
.kt-ust .kt-marka{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ak);
  background:linear-gradient(96deg,#fff 10%,var(--vurgu) 60%,var(--vurgu2));-webkit-background-clip:text;background-clip:text;color:transparent}
.kt-gezin{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.kt-gezin a{font-size:12.5px;letter-spacing:.03em;padding:6px 12px;border:1px solid var(--cizgi);
  border-radius:999px;color:var(--gri);background:var(--yuzey)}
.kt-gezin a:hover{border-color:var(--vurgu);color:#fff}
.kt-govde{padding:34px 0 10px}
.kt-h1{margin:0 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.02em}
/* lenta/arşiv ızgarası */
.kt-govde .view-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));gap:16px;margin-top:8px}
.kt-ilan{display:flex;flex-direction:column;overflow:hidden;padding:0}
.kt-ilan .kt-kadr{display:block;aspect-ratio:3/4;overflow:hidden;background:var(--yuzey2)}
.kt-ilan .kt-kadr img{width:100%;height:100%;object-fit:cover;display:block}
.kt-ilan-govde{padding:16px 18px 18px}
.kt-ilan-bas{margin:0 0 8px;font-size:18px;font-weight:700;line-height:1.3}
.kt-ilan-bas a{color:var(--ak)}
.kt-ilan-bas a:hover{color:var(--vurgu2)}
.kt-ozet{color:var(--gri);font-size:14px;line-height:1.6;margin:0 0 12px}
.kt-devam{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--vurgu2)}
/* tekil ilan */
.kt-yazi{max-width:760px}
.kt-yazi .kt-kapak{border-radius:14px;overflow:hidden;margin:0 0 22px;max-height:460px}
.kt-yazi .kt-kapak img{width:100%;height:auto;display:block}
.kt-icerik{font-size:17px;line-height:1.8;color:var(--ak)}
.kt-icerik p{margin:0 0 18px;color:var(--gri)}
/* pager */
.pager__items{display:flex;gap:8px;justify-content:center;list-style:none;padding:0;margin:30px 0;flex-wrap:wrap}
.pager__item a,.pager__item--current{padding:7px 13px;border:1px solid var(--cizgi);border-radius:9px;color:var(--gri);font-size:14px}
.pager__item--current{background:var(--vurgu);color:#fff;border-color:var(--vurgu)}
/* footer dizin */
.kt-dizin{border-top:1px solid var(--cizgi);padding-top:28px;margin-top:10px}
.kt-dizin-bas{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--soluk);display:block;margin-bottom:14px}
.kt-dizin-grid{display:flex;flex-wrap:wrap;gap:8px}
.kt-dizin-grid a{font-size:13px;color:var(--gri);padding:6px 11px;border:1px solid var(--cizgi);border-radius:8px}
.kt-dizin-grid a:hover{border-color:var(--vurgu);color:#fff}
.kt-yasa{margin:24px 0 6px;color:var(--soluk);font-size:13.5px;line-height:1.6}
.kt-rozet{display:inline-block;background:var(--vurgu);color:#fff;font-weight:700;font-size:11px;padding:2px 8px;border-radius:6px;margin-right:8px}
.kt-telif{color:#52525b;font-size:12.5px;margin:4px 0 0}