/* Delta Kampüs — tanıtım sitesi. Renkler uygulamayla aynı. */
:root{
  --ana:#4F46E5; --ana-koyu:#4338CA; --vurgu:#14B8A6;
  --metin:#111827; --soluk:#5B6472; --cizgi:#E5E7EB;
  --zemin:#FFFFFF; --zemin-alt:#F7F8FC; --kart:#FFFFFF;
  --golge:0 1px 2px rgba(16,24,40,.04), 0 8px 24px rgba(16,24,40,.06);
  --yuvarlak:14px;
}
@media (prefers-color-scheme: dark){
  :root{
    --metin:#E8EAF0; --soluk:#9AA3B2; --cizgi:#242A38;
    --zemin:#0F1117; --zemin-alt:#141824; --kart:#171B27;
    --ana:#818CF8; --ana-koyu:#6366F1; --vurgu:#2DD4BF;
    --golge:0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.35);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--metin);
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
.kap{width:min(1120px,92vw);margin-inline:auto}
a{color:var(--ana);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.25;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:clamp(2rem,1.2rem + 3vw,3.05rem);font-weight:800}
h2{font-size:clamp(1.35rem,1.1rem + 1.1vw,1.9rem);font-weight:700}
h3{font-size:1.08rem;font-weight:700}
p{margin:0 0 1em}
img{max-width:100%;height:auto;display:block}
.soluk{color:var(--soluk)}
.kucuk-yazi{font-size:.85rem}
.atla{position:absolute;left:-9999px}
.atla:focus{left:8px;top:8px;background:var(--ana);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}

/* üst bar */
.ust{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--zemin) 88%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;gap:16px;min-height:66px;position:relative}
.marka{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.12rem;
  color:var(--metin);letter-spacing:-.02em}
.marka:hover{text-decoration:none}
.isaret{flex:0 0 auto}
.gezinme{margin-left:auto;display:flex;align-items:center;gap:22px}
.gezinme a{color:var(--metin);font-weight:600;font-size:.95rem}
.gezinme a.dugme{color:#fff}
.gezinme a.giris{display:inline-flex;align-items:center;gap:6px;color:var(--ana)}
.gezinme a.giris::before{content:"\2192";font-weight:700}
.menu-dugme{display:none;margin-left:auto;font-size:1.5rem;cursor:pointer;line-height:1;
  user-select:none;padding:10px 6px;margin-right:-6px;color:var(--metin)}
@media(max-width:860px){
  .menu-dugme{display:block}
  .gezinme{display:none;position:absolute;top:100%;left:-4vw;right:-4vw;background:var(--zemin);
    border-bottom:1px solid var(--cizgi);box-shadow:0 12px 28px rgba(0,0,0,.18);
    flex-direction:column;align-items:stretch;gap:0;padding:6px 4vw 18px}
  .gezinme a{padding:13px 0;border-bottom:1px solid var(--cizgi)}
  .gezinme a.dugme{margin-top:14px;text-align:center;border-bottom:0}
  .menu-kutu:checked ~ .gezinme{display:flex}
}

/* düğme */
.dugme{display:inline-block;background:var(--ana);color:#fff !important;font-weight:700;
  padding:13px 24px;border-radius:11px;border:1px solid transparent;font-size:1rem;
  font-family:inherit}
.dugme:hover{background:var(--ana-koyu);text-decoration:none}
.dugme.kucuk{padding:9px 16px;font-size:.92rem}
.dugme.cizgili{background:transparent;color:var(--metin) !important;border-color:var(--cizgi)}
.dugme.cizgili:hover{border-color:var(--ana);background:transparent}

/* bölümler */
section{padding:68px 0}
section.alt-zemin{background:var(--zemin-alt)}
.bolum-basi{max-width:720px;margin-bottom:38px}
.bolum-basi p{margin:0}
.etiket{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--vurgu);margin-bottom:10px}

/* kahraman */
.kahraman{padding:76px 0 60px}
.kahraman-ic{display:grid;gap:52px;grid-template-columns:1.15fr .85fr;align-items:center}
@media(max-width:900px){.kahraman-ic{grid-template-columns:1fr;gap:38px}}
.kahraman p.girise{font-size:1.14rem;max-width:560px}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* telefon çerçevesi */
.telefon{margin:0;background:#0B0D13;border:8px solid #1C2029;border-radius:32px;
  overflow:hidden;box-shadow:0 18px 48px rgba(16,24,40,.22);max-width:300px}
.telefon img{border-radius:24px}
.telefon.orta{margin-inline:auto}

/* ızgara */
.izgara{display:grid;gap:22px}
.iki{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.uc{grid-template-columns:repeat(auto-fit,minmax(252px,1fr))}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  padding:26px;box-shadow:var(--golge)}
.kart h3{margin-bottom:.35em}
.kart p{margin:0;color:var(--soluk);font-size:.96rem}
.kart ul{margin:.7em 0 0;padding-left:1.1em;color:var(--soluk);font-size:.94rem}
.kart li{margin-bottom:.35em}

/* adım: metin + ekran, dönüşümlü hizalı */
.adim{display:grid;gap:48px;grid-template-columns:1fr 300px;align-items:center;
  padding:46px 0;border-top:1px solid var(--cizgi)}
.adim.ters{grid-template-columns:300px 1fr}
.adim.ters .adim-metin{order:2}
.adim.ters .telefon{order:1}
@media(max-width:860px){
  .adim,.adim.ters{grid-template-columns:1fr;gap:30px}
  .adim.ters .adim-metin,.adim.ters .telefon{order:0}
}
.adim-metin h3{font-size:1.32rem}
.adim-metin p{margin:0;color:var(--soluk)}
.adim-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border-radius:50%;background:var(--ana);color:#fff;font-weight:800;margin-bottom:14px}

/* özellik listesi */
.ozellik{border-top:1px solid var(--cizgi);padding:20px 0}
.ozellik h3{margin-bottom:.25em}
.ozellik p{margin:0;color:var(--soluk)}
.ozellik-grup{display:grid;gap:48px;grid-template-columns:1fr 280px;align-items:start;
  margin-top:54px}
@media(max-width:860px){.ozellik-grup{grid-template-columns:1fr;gap:30px}}

/* SSS */
details{border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:18px 22px;
  margin-bottom:12px;background:var(--kart)}
details[open]{border-color:var(--ana)}
summary{font-weight:700;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--ana);font-weight:800;margin-left:12px}
details[open] summary::after{content:"–"}
details p{margin:.8em 0 0;color:var(--soluk)}

/* blog */
.yazi-listesi{display:grid;gap:18px}
.yazi-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);
  padding:24px;box-shadow:var(--golge)}
.yazi-kart h2{font-size:1.22rem;margin-bottom:.3em}
.yazi-kart h2 a{color:var(--metin)}
.yazi-kart p{margin:0;color:var(--soluk);font-size:.96rem}
.ust-bilgi{font-size:.82rem;color:var(--soluk);margin-bottom:.7em}
.rozet{display:inline-block;background:color-mix(in srgb,var(--ana) 12%,transparent);
  color:var(--ana);font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:999px}

/* yazı gövdesi */
.yazi{max-width:700px;margin-inline:auto}
.yazi h2{margin-top:1.9em;font-size:1.35rem}
.yazi ul{padding-left:1.15em;margin:0 0 1.2em}
.yazi li{margin-bottom:.5em}
.ozet-kutu{background:var(--zemin-alt);border-left:3px solid var(--vurgu);
  padding:18px 22px;border-radius:0 var(--yuvarlak) var(--yuvarlak) 0;margin:26px 0 34px}
.ozet-kutu strong{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--vurgu);margin-bottom:6px}
.ozet-kutu p{margin:0;color:var(--metin)}
.vurgu-kutu{background:color-mix(in srgb,var(--ana) 7%,transparent);
  border:1px solid color-mix(in srgb,var(--ana) 26%,transparent);
  border-radius:var(--yuvarlak);padding:18px 22px;margin:24px 0}
.vurgu-kutu p{margin:0}

/* iletişim */
.bilgi-satir{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.bilgi-satir:last-child{margin-bottom:0}
.bilgi-satir .ikon{font-size:1.2rem;line-height:1.4}
.bilgi-satir h3{margin-bottom:.15em;font-size:.95rem}
.bilgi-satir p{margin:0;color:var(--soluk)}

/* CTA şerit */
.serit{background:linear-gradient(135deg,var(--ana),var(--vurgu));color:#fff;border-radius:18px;
  padding:48px 40px;text-align:center}
.serit h2{color:#fff}
.serit p{color:rgba(255,255,255,.93);max-width:580px;margin-inline:auto}
.serit .dugme{background:#fff;color:var(--ana) !important}
.serit .dugme:hover{background:#F3F4F6}
.serit a.beyaz{color:#fff;text-decoration:underline}

/* çerez şeridi */
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;
  margin-inline:auto;background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--yuvarlak);box-shadow:0 12px 34px rgba(0,0,0,.22);padding:20px 22px}
.cerez p{margin:0 0 14px;font-size:.92rem;color:var(--soluk)}
.cerez-dugmeler{display:flex;gap:10px;flex-wrap:wrap}
.cerez button{cursor:pointer}

/* alt bilgi */
.alt{border-top:1px solid var(--cizgi);background:var(--zemin-alt);padding:52px 0 24px;margin-top:40px}
.alt-ic{display:grid;gap:28px;grid-template-columns:1.6fr 1fr 1fr 1.2fr}
@media(max-width:860px){.alt-ic{grid-template-columns:1fr 1fr}}
.alt h3{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.alt a{display:block;color:var(--metin);font-size:.94rem;margin-bottom:8px}
.alt-marka{font-size:1.05rem;margin-bottom:6px}
.telif{border-top:1px solid var(--cizgi);margin-top:32px;padding-top:18px;
  font-size:.85rem;color:var(--soluk)}