:root {
  --lgk-red: #a50034;
  --lgk-red-hover: #87002b;
  --lgk-red-soft: #f9e8ee;
  --lgk-ink: #171717;
  --lgk-muted: #5f6368;
}

body.lgk-login-page {
  background:
    radial-gradient(circle at 15% 8%, rgba(165, 0, 52, 0.10), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #fff8fa 100%) !important;
}

body.lgk-login-page [data-lgk-hide-logo='true'] {
  display: none !important;
}

body.lgk-login-page img,
body.lgk-login-page svg {
  display: none !important;
}

.lgk-login-branding {
  margin: 0 auto 1.5rem;
  max-width: 26rem;
  text-align: center;
}

.lgk-login-kicker {
  color: var(--lgk-red);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  margin-bottom: 0.35rem;
}

.lgk-login-title {
  color: var(--lgk-ink);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 760;
  letter-spacing: 0;
  line-height: 1.12;
  margin: 0;
}

.lgk-login-subtitle {
  color: var(--lgk-muted);
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0.65rem 0 0;
}

body.lgk-login-page button[type='submit'],
body.lgk-login-page form button:not([type]),
body.lgk-login-page form button[type='button'] {
  background-color: var(--lgk-red) !important;
  border-color: var(--lgk-red) !important;
  color: #fff !important;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease;
}

body.lgk-login-page button[type='submit']:hover,
body.lgk-login-page form button:not([type]):hover,
body.lgk-login-page form button[type='button']:hover {
  background-color: var(--lgk-red-hover) !important;
  border-color: var(--lgk-red-hover) !important;
}

body.lgk-login-page button[type='submit']:focus-visible,
body.lgk-login-page form button:not([type]):focus-visible,
body.lgk-login-page form button[type='button']:focus-visible {
  box-shadow: 0 0 0 4px rgba(165, 0, 52, 0.20) !important;
  outline: none !important;
}

body.lgk-login-page a,
body.lgk-login-page a:visited {
  color: var(--lgk-red) !important;
}

body.lgk-login-page input:focus,
body.lgk-login-page input:focus-visible {
  border-color: var(--lgk-red) !important;
  box-shadow: 0 0 0 3px rgba(165, 0, 52, 0.14) !important;
  outline: none !important;
}