body{min-height:100vh;display:grid;place-items:center;padding:24px;
 background:radial-gradient(900px 520px at 80% -12%,#131c33,var(--navy) 72%)}
.auth{width:min(404px,94vw);background:var(--surface);border:1px solid var(--border);
 border-radius:var(--r-xl);box-shadow:var(--shadow-pop);padding:32px 30px}
/* Kelime markası: Sora 600, DAİMA küçük harf, ls -1 (docs/MENTALICS_DESIGN.md §1).
   İşaret ayrı SVG dosyası — lockup SVG'sindeki yazı <img> içinde sayfanın
   Sora'sına erişemez, sistem sans'ına düşerdi. Giriş sayfası TEK temalıdır
   (login.html'de data-theme="light" sabit, login.js tema okumaz), o yüzden
   yalnız açık-zemin işareti var; koyu sürüm eklenirse tema önyüklemesi de
   eklenmeli, yoksa indirilip hiç gösterilmez. */
.auth .brand{display:flex;align-items:center;gap:10px;font-family:Sora,var(--font-sans),sans-serif;font-weight:600;letter-spacing:-1px;text-transform:lowercase;font-size:24px;color:var(--ink)}
.auth .brand .mark{width:30px;height:30px}
.auth .sub{color:var(--text-muted);font-size:13px;margin:7px 0 22px}
.auth .field{margin-bottom:14px}
.auth label{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:6px}
.auth .msg{min-height:20px;margin-top:14px;font-size:13px;color:var(--neg-ink)}