/* Giriş / kayıt ekranları — uygulamayla aynı renkler */
:root{
  --bg:#EEF1F4; --surface:#FFFFFF; --surface-2:#F6F8FA; --ink:#15202A; --muted:#5A6774; --line:#D6DDE4;
  --accent:#1C5C8A; --accent-ink:#FFFFFF; --accent-soft:#E1ECF5;
  --good:#2C7A4C; --good-soft:#E2F2E8; --warn:#A76A12; --warn-soft:#FBF0DC; --bad:#B03F2C; --bad-soft:#F8E3DF;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0F151B; --surface:#17202A; --surface-2:#1C2731; --ink:#E5EBF0; --muted:#93A1AE; --line:#2A3743;
  --accent:#6AAEDD; --accent-ink:#0B1620; --accent-soft:#1A2D3D;
  --good:#5DBA86; --good-soft:#18301F; --warn:#E0A64A; --warn-soft:#332713; --bad:#E57B66; --bad-soft:#3A1E18; color-scheme:dark}}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2{font-family:var(--f-display);margin:0;letter-spacing:-.01em;text-wrap:balance}
.wrap{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.pano{position:relative;overflow:hidden;background:#123F61;color:#E8F1F8;padding:48px clamp(28px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.pano::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;pointer-events:none}
.pano>*{position:relative}
.marka{display:flex;align-items:center;gap:12px;font-family:var(--f-display);font-weight:600;font-size:18px;color:#fff;text-decoration:none}
.marka img{width:36px;height:36px;border-radius:8px}
.pano h1{font-size:clamp(28px,3.4vw,44px);line-height:1.12;color:#fff;max-width:16ch}
.pano p{max-width:46ch;color:#C5D8E8;margin:14px 0 0}
.ozellik{display:grid;gap:14px;margin:0;padding:0;list-style:none;max-width:48ch}
.ozellik li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:#D6E4EF}
.ozellik svg{margin-top:3px}
.pano small{color:#9DB7CC}
.form-yer{display:flex;align-items:center;justify-content:center;padding:40px 20px}
.kart{width:100%;max-width:420px}
.kart h2{font-size:26px}
.kart .alt{color:var(--muted);margin:6px 0 24px}
.fld{display:grid;gap:6px;margin-bottom:14px}
.fld label{font-size:13px;font-weight:500}
.fld input,.fld select,.fld textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-height:44px}
.fld input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.fld .not{font-size:12.5px;color:var(--muted)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sifre-kutu{position:relative}
.sifre-kutu input{padding-right:64px}
.goster{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--accent);font-size:13px;padding:6px 8px;border-radius:6px;cursor:pointer}
.olcer{height:4px;border-radius:2px;background:var(--line);overflow:hidden}
.olcer i{display:block;height:100%;width:0;background:var(--bad);transition:width .2s,background .2s}
.satir{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px;font-size:14px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:4px 0 18px}
.onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer}
.btn:disabled{opacity:.6;cursor:wait}
.btn.ikincil{background:transparent;color:var(--accent)}
.mesaj{padding:10px 12px;border-radius:8px;font-size:14px;margin-bottom:16px;display:none}
.mesaj.hata{display:block;background:var(--bad-soft);color:var(--bad)}
.mesaj.ok{display:block;background:var(--good-soft);color:var(--good)}
.mesaj.bilgi{display:block;background:var(--accent-soft);color:var(--ink)}
.dip{margin-top:22px;text-align:center;color:var(--muted);font-size:14px}
.gizli{display:none!important}
@media (max-width:880px){
  .wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .pano{padding:24px 20px;gap:12px}
  .pano h1{font-size:24px}
  .pano p,.ozellik,.pano small{display:none}
  .form-yer{align-items:flex-start;padding:28px 16px 40px}
}