/**
 * Login / register — site brand (teal #196164 + gold #F8B102)
 */
.login-content .login-bg {
  background: var(--primary-transparent, #e8efef);
  background-image: linear-gradient(
    165deg,
    var(--primary-transparent, #e8efef) 0%,
    rgba(248, 177, 2, 0.1) 55%,
    var(--primary-transparent, #e8efef) 100%
  );
}

.login-content .login-banner {
  position: relative;
}

.login-content .login-banner::before {
  content: "";
  position: absolute;
  width: min(420px, 90%);
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.75);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.login-content .login-banner img {
  position: relative;
  z-index: 1;
}

.login-content .login-carousel .login-carousel-section .mentor-course h3,
.login-content .auth-welcome-title {
  color: var(--primary, #196164);
  font-weight: 700;
}

.login-content .auth-welcome-brand {
  color: var(--secondary, #f8b102);
}

.login-content .login-carousel .login-carousel-section .mentor-course p {
  color: var(--gray-700, #4f4f4f);
}

.login-content .login-wrap-bg .topic {
  color: var(--gray-900, #191919);
}

.login-content .login-wrap-bg .form-control:focus {
  border-color: var(--primary, #196164);
  box-shadow: 0 0 0 0.2rem rgba(25, 97, 100, 0.15);
}

.login-content .login-wrap-bg .form-check-input:checked {
  background-color: var(--primary, #196164);
  border-color: var(--primary, #196164);
}

.login-content .link-1,
.login-content .link-2 {
  color: var(--secondary, #f8b102);
}

.login-content .link-1:hover,
.login-content .link-2:hover {
  color: var(--primary, #196164);
}

.auth-page-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.auth-page-logo__img {
  max-height: 48px;
  width: auto;
}

.auth-page-logo--text {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary, #196164);
}

.auth-page-logo--text:hover {
  color: var(--primary-hover, #155658);
}

.login-content .login-header {
  margin-bottom: 1.5rem;
}

.login-content .btn.btn-primary.btn-lg {
  font-weight: 600;
}