/* Kestirme ortak tema: siyah-beyaz. Değişken adları eski sayfalarla uyum için korunur:
   --graphite=giriş alanı zemini, --panel=kart, --panel2=ikincil yüzey, --bone=yazı, --amber=vurgu (artık mürekkep siyahı). */
:root{
  --kagit:#ffffff; --zemin:#f6f6f7; --murekkep:#16181c; --sari:#ffd400; --kirmizi:#d93036;
  --graphite:#ffffff; --panel:#ffffff; --panel2:#f4f4f5; --line:#e2e3e6; --bone:#16181c; --dim:#5d626b; --faint:#999ea6;
  --amber:#16181c; --amber2:#16181c; --ok:#1f7a3a; --red:#c62828; --green:#16181c;
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}
body{background:var(--zemin);color:var(--bone);font:16px/1.6 "Inter",system-ui,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
h1,h2,h3{font-family:"KD","Inter",system-ui,sans-serif;font-weight:800;letter-spacing:-.025em;margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--murekkep);outline-offset:2px}
/* logo */
.mark{width:34px;height:34px;flex:none;display:block}
.mark svg{width:100%;height:100%;display:block}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--murekkep)}
.marka b,.wm{font:900 20px/1 "KD","Inter",sans-serif;letter-spacing:-.03em}
/* ikon */
.ik{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
/* butonlar */
.btn{font:600 15px/1 "Inter",sans-serif;border:0;border-radius:9px;padding:15px 20px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;transition:background .12s}
.btn-p{background:var(--murekkep);color:#fff}.btn-p:hover{background:#000}
.btn-g{background:#fff;color:var(--murekkep);box-shadow:inset 0 0 0 1px #d6d8dc}.btn-g:hover{box-shadow:inset 0 0 0 1px var(--murekkep)}
.btn:disabled{opacity:.35;cursor:default}
/* form */
label{display:block;font-size:13.5px;color:var(--dim);margin:16px 0 6px;font-weight:500}
input,select{width:100%;background:#fff;border:1px solid #d6d8dc;border-radius:9px;padding:13px 14px;color:var(--murekkep);font:inherit;font-size:15px}
input::placeholder,textarea::placeholder{color:#a9adb4}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--murekkep);box-shadow:0 0 0 3px rgba(22,24,28,.08)}
.res{min-height:18px;font-size:13.5px;margin-top:10px}.res.err{color:var(--red)}.res.ok{color:var(--ok)}
/* tek kartlı sayfalar (giriş, kayıt…) */
.card{width:min(420px,100%);background:#fff;border-radius:14px;padding:30px 28px;border:1px solid var(--line)}
.wrap-mid{min-height:100vh;display:grid;place-items:center;padding:28px max(16px,env(safe-area-inset-left)) 24px max(16px,env(safe-area-inset-right))}
/* alt bağlantılar */
.dip{max-width:820px;margin:0 auto;padding:20px 16px 30px;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;font-size:12.5px}
.dip a{color:var(--faint);text-decoration:none}.dip a:hover,.dip a.on{color:var(--murekkep)}
/* onay kutuları */
.onay{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:13px;color:var(--dim);line-height:1.5;cursor:pointer;text-align:left}
.onay input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--murekkep);padding:0}
.onay a{color:var(--murekkep);text-underline-offset:2px}