:root{--bg:#080d24;--panel:#111733;--panel2:#171d3c;--text:#f7f5ff;--muted:#b8b6cf;--gold:#ffc62e;--cyan:#2fd6d0;--line:#2b3155;--danger:#ff6b6b;--max:1040px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 20% 0,#32115c 0,transparent 34%),linear-gradient(180deg,#0e102b 0,#070b1f 100%);color:var(--text);line-height:1.65}a{color:#67e6df;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(var(--max),calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:10;background:rgba(8,13,36,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navin{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:18px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:white}.brand img{height:38px;width:auto}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.hero{padding:74px 0 48px;text-align:center}.hero img{width:min(620px,92%);height:auto}.hero h1{font-size:clamp(32px,6vw,62px);line-height:1.08;margin:28px 0 14px}.hero p{max-width:720px;margin:auto;color:var(--muted);font-size:18px}.actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;font-weight:800;border:1px solid var(--line);background:var(--panel2);color:white}.btn.primary{background:var(--gold);color:#2c2200;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px auto 64px}.card{background:linear-gradient(180deg,rgba(24,30,63,.96),rgba(13,18,43,.96));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.card h2,.card h3{margin-top:0}.card p{color:var(--muted)}main.article{padding:52px 0 70px}.article h1{font-size:clamp(32px,5vw,52px);line-height:1.12}.article h2{margin-top:38px;font-size:24px}.article h3{margin-top:28px}.article p,.article li{color:#d8d6e7}.article .lead{font-size:18px;color:var(--muted)}.meta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 30px}.pill{background:#1c2349;border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:#dcd9ed;font-size:13px}.notice{border-left:4px solid var(--gold);background:#211d34;border-radius:12px;padding:14px 18px;margin:22px 0}.danger{border-left-color:var(--danger)}table{width:100%;border-collapse:collapse;margin:18px 0;display:block;overflow-x:auto}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:white}td{color:#d8d6e7}.footer{border-top:1px solid rgba(255,255,255,.08);padding:30px 0 44px;color:var(--muted);font-size:14px}.footerin{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footerlinks{display:flex;gap:14px;flex-wrap:wrap}.lang{font-size:13px;color:var(--muted)}code{background:#151b3c;border:1px solid var(--line);padding:2px 6px;border-radius:6px}details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:12px 0}summary{cursor:pointer;font-weight:800}@media(max-width:780px){.links{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:46px}.article{padding-top:34px}.brand img{height:32px}}

/* Desktop article layout: keep legal/support pages visually centered and readable. */
main.article > article.wrap{
  display:block;
  width:min(900px,calc(100% - 40px));
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
main.article > article.wrap > h1,
main.article > article.wrap > .lead,
main.article > article.wrap > .lang{
  text-align:center;
}
main.article > article.wrap > .meta{
  justify-content:center;
}
@media(max-width:780px){
  main.article > article.wrap{
    width:min(100% - 28px,900px);
  }
}


/* Ana sayfa masaüstü kartlarını gerçek sayfa merkezine yerleştir. */
.home-grid{
  margin-left:auto;
  margin-right:auto;
}
.home-grid .card{
  text-align:center;
}
@media(min-width:781px){
  .home-grid{
    width:min(var(--max),calc(100% - 32px));
  }
}