/* Shared stylesheet for the public, crawlable marketing pages under web/
   (hakkimizda, gizlilik, guvenlik, sss, iletisim, nasil-calisir, hizmetler/*,
   mesafeli-satis, hesap-silme). Same token palette as usta-egitim.html. */
:root{--olive:#2F3E2E;--surface:#3D4F3C;--cream:#F6F1E7;--amber:#F59E0B;--muted:#b9c3bd;--ink:#1b2a1a}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6}
header.site{background:var(--olive);color:var(--cream)}
header.site .wrap{max-width:720px;margin:0 auto;padding:18px 20px;display:flex;align-items:center;gap:12px}
header.site img{width:40px;height:40px;border-radius:50%;background:#fff}
header.site strong{font-size:17px}
header.site a.home{margin-left:auto;color:var(--cream);text-decoration:none;font-size:14px;border:1px solid rgba(246,241,231,.35);border-radius:10px;padding:8px 14px}
main{max-width:720px;margin:0 auto;padding:36px 20px 60px}
h1{font-size:clamp(26px,5vw,36px);line-height:1.15;margin:0 0 10px;text-wrap:balance}
.lead{color:#50604f;font-size:17px;margin:0 0 28px}
h2{font-size:20px;margin:30px 0 10px;color:var(--olive)}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin:0 0 6px}
.card{background:#fff;border:1px solid #e3e0d4;border-radius:16px;padding:18px 20px;margin:14px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.cards a{display:block;background:#fff;border:1px solid #e3e0d4;border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);font-weight:700}
.cards a:hover{border-color:var(--amber)}
.cta{display:inline-flex;min-height:50px;align-items:center;justify-content:center;border-radius:14px;padding:0 22px;text-decoration:none;font-weight:800;background:var(--amber);color:var(--ink);margin-top:10px}
.fact{font-variant-numeric:tabular-nums;color:#50604f;font-size:14px}
footer.site{border-top:1px solid #e3e0d4;margin-top:40px;padding:22px 20px;max-width:720px;margin-left:auto;margin-right:auto;color:#6b7a69;font-size:13px}
footer.site a{color:#6b7a69}
pre.legal{white-space:pre-wrap;font-family:inherit;font-size:15px;background:#fff;border:1px solid #e3e0d4;border-radius:16px;padding:20px}