:root {
  --auth-card-radius: 12px;
  --auth-input-radius: 12px;
  --auth-border: #e5e7eb;
  --auth-ink: #1f2937;
  --auth-muted: #94a3b8;
  --auth-focus: #c7d7fe;
  --auth-ring: rgba(46, 182, 191, 0.25);
  --auth-btn: #283593;
  --auth-btn-hover: #1e3a8a;
}

.auth-page .lm-card {
  background: #ffffff;
  border: 1px solid var(--auth-border);
  border-radius: var(--auth-card-radius);
  box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08);
}

.auth-page .soft-input,
.auth-page .lm-input {
  background: #eef5ff !important;
  border: 1px solid #9aa7c2 !important;
  border-radius: 6px !important;
  height: 38px !important;
  padding: 6px 10px !important;
  color: var(--auth-ink) !important;
  box-shadow: none !important;
}

.auth-page .soft-input:focus,
.auth-page .lm-input:focus {
  outline: none !important;
  border-color: #7f95bd !important;
  box-shadow: 0 0 0 1px rgba(127, 149, 189, 0.35) !important;
}

.auth-page .soft-input::placeholder,
.auth-page .lm-input::placeholder {
  color: var(--auth-muted);
}

.auth-page .soft-input:focus,
.auth-page .lm-input:focus {
  outline: none;
  border-color: var(--auth-focus);
  box-shadow: 0 0 0 3px var(--auth-ring);
}

.auth-page .btn-primary-solid,
.auth-page .login-btn {
  height: 44px;
  border-radius: var(--auth-input-radius);
  background: var(--auth-btn);
  color: #ffffff;
  font-weight: 700;
}

.auth-page .btn-primary-solid:hover,
.auth-page .login-btn:hover,
.auth-page .login-btn.enabled:hover {
  background: var(--auth-btn-hover);
}