:root {
  --fly-teal: #5de7e2;
  --fly-violet: #a992ff;
  --fly-ink: #0b1830;
}

body {
  accent-color: var(--fly-teal);
}

.auth.auth-bg-1 {
  background-image: linear-gradient(90deg, rgba(5, 14, 31, .32), rgba(5, 14, 31, .06)),
    url("../../images/auth/custom/fly-controller-bg.png") !important;
  background-position: center;
  background-size: cover;
}

.auto-form-wrapper.login-modal {
  background: rgba(8, 20, 42, .82) !important;
  border: 1px solid rgba(93, 231, 226, .22);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42), 0 0 0 1px rgba(169, 146, 255, .08);
  backdrop-filter: blur(16px);
}

.auto-form-logo img {
  max-height: 68px;
}

.fly-login-copy {
  margin: .9rem 0 1.5rem;
  color: #e9f7ff;
  text-align: center;
}

.fly-login-copy h1 {
  margin: .25rem 0 .15rem;
  color: #fff;
  font-size: 1.55rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.fly-login-copy p {
  margin: 0;
  color: rgba(233, 247, 255, .72);
  font-size: .83rem;
}

.fly-kicker {
  color: var(--fly-teal);
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .18em;
}

.sidebar .navbar-brand img,
.navbar-brand img {
  object-fit: contain;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #1faaa9, #6b5ce7) !important;
  border-color: transparent !important;
}