.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 22px; }
      .login-card { width: 100%; max-width: 380px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 28px; }
      .login-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
      .login-brand .logo-mark { display: inline-flex; color: #f3f6f9; }
      .login-brand .logo-mark .logo-svg { height: 24px; width: auto; }
      .login-card h1 { font-size: 1.35rem; margin: 0 0 4px; letter-spacing: -0.02em; }
      .login-card .lead { color: var(--muted); font-size: 14px; margin: 0 0 20px; }
      .login-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
      .login-field label { font-size: 12.5px; font-weight: 600; color: var(--muted); }
      .login-err { color: var(--bad); background: var(--bad-bg); border: 1px solid var(--bad-border); border-radius: var(--radius-sm); padding: 9px 12px; font-size: 13.5px; margin-bottom: 14px; }
      .login-card .btn.primary { width: 100%; margin-top: 4px; }
      .login-brand .lang-flags { margin-left: auto; }