/* Unified auth pages palette (login/register) aligned with chat flagship style. */
:root {
  --lc-auth-bg-a: #f4fbf5;
  --lc-auth-bg-b: #eef4ff;
  --lc-auth-ink: #1a2238;
  --lc-auth-muted: #5f6e8a;
  --lc-auth-accent: #0f766e;
  --lc-auth-accent-dark: #0b5e58;
  --lc-auth-line: #d7e2f1;
}

body {
  color: var(--lc-auth-ink);
  background:
    radial-gradient(circle at 12% 16%, rgba(15, 118, 110, 0.16), transparent 45%),
    radial-gradient(circle at 82% 10%, rgba(221, 107, 32, 0.13), transparent 40%),
    linear-gradient(180deg, var(--lc-auth-bg-a) 0%, var(--lc-auth-bg-b) 100%);
}

.login-card {
  background: transparent;
}

.login-card .logo {
  margin-bottom: 10px;
}

.login-main {
  border: 1px solid var(--lc-auth-line);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 18px 40px rgba(24, 48, 85, 0.12);
}

.login-main .theme-form h4 {
  color: #1b2a47;
}

.login-main .theme-form p {
  color: var(--lc-auth-muted);
}

.login-main .form-control {
  border-color: #cdddf0;
  border-radius: 12px;
  min-height: 44px;
}

.login-main .form-control:focus {
  border-color: var(--lc-auth-accent);
  box-shadow: 0 0 0 0.16rem rgba(15, 118, 110, 0.16);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, var(--lc-auth-accent), #128076) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(15, 118, 110, 0.26) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: linear-gradient(135deg, var(--lc-auth-accent-dark), #0f766e) !important;
}

.show-hide span::before {
  color: var(--lc-auth-accent) !important;
}

a,
.login-main p a,
.text-muted a {
  color: var(--lc-auth-accent) !important;
}

a:hover,
.login-main p a:hover,
.text-muted a:hover {
  color: var(--lc-auth-accent-dark) !important;
}

.btn-showcase-social .btn {
  border-radius: 14px;
  border: 1px solid #d4e2f2 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(24, 48, 85, 0.08) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.btn-showcase-social .btn:hover {
  transform: translateY(-1px);
  border-color: #b8cee7 !important;
  box-shadow: 0 12px 22px rgba(24, 48, 85, 0.12) !important;
}

.alert-danger {
  border-color: rgba(198, 63, 63, 0.25);
  background: #fff2f2;
  color: #9a3232;
}

.alert-success {
  border-color: rgba(15, 118, 110, 0.25);
  background: #eaf8f5;
  color: #0f665f;
}