/* Login-Seite (#126) — extern statt <style>-Block, damit die CSP
   `style-src 'self'` OHNE 'unsafe-inline' gilt (#222/T76).
   Redesign "Praxis" (S1): zentrierte Karte auf Papier, SBF-Monogramm als
   Ink-Block (Mono), Eyebrow, Serif-Titel, gruener Primaerbutton. */
.login-wrap{ max-width:400px; margin:12vh auto; padding:0 20px; }
.login-card{ background:var(--surface); border:1px solid var(--line); border-radius:18px;
  padding:40px 38px; text-align:center; box-shadow:0 10px 30px -18px rgba(34,37,31,.25); }
.login-logo{ font-family:var(--mono); font-weight:600; font-size:15px; letter-spacing:.06em;
  background:var(--anchor-bg); color:var(--anchor-ink); width:52px; height:52px;
  display:inline-grid; place-items:center; border-radius:14px; }
.login-eyebrow{ font-family:var(--mono); font-size:10px; letter-spacing:.2em;
  text-transform:uppercase; color:var(--ink-3); margin-top:22px; }
.login-card h1{ font-family:var(--serif); color:var(--ink); margin:6px 0 4px; font-size:28px; font-weight:500; }
.login-card p.sub{ color:var(--ink-3); margin:0 0 22px; font-size:14px; }
.login-card label{ display:block; text-align:left; font-family:var(--mono); font-size:10.5px;
  letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin:14px 0 6px; }
.login-card input{ width:100%; height:48px; border:1px solid var(--line); border-radius:12px;
  padding:0 15px; font:inherit; font-size:15px; background:var(--surface); color:var(--ink);
  box-sizing:border-box; transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out; }
.login-card input:focus{ outline:none; border-color:var(--green); background:var(--surface-2);
  box-shadow:0 0 0 3px rgba(201,169,110,.28); }
.login-card .btn{ width:100%; height:48px; margin-top:18px; cursor:pointer; }
.login-hint{ margin-top:18px; font-size:12px; color:var(--ink-3); }
.login-err{ color:var(--red); font-size:13.5px; margin-top:12px; min-height:18px; }