body {
  font-family: "Nunito", sans-serif;
  background-color: #f4f4f4;
  min-height: 100vh; }

.brand-wrapper {
  margin-bottom: 19px; }
  .brand-wrapper .logo {
    height: 60px; }

.login-card {
  border: 0;
  border-radius: 27.5px;
  box-shadow: 0 10px 30px 0 rgba(172, 168, 168, 0.43);
  overflow: hidden; }
  .left-image {
    background-color: #fafaec;}
  .login-card-img {
    border-radius: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .login-card .card-body {
    padding: 85px 60px 60px; }
    @media (max-width: 422px) {
      .login-card .card-body {
        padding: 35px 24px; } }
  .login-card-description {
    font-size: 25px;
    color: #000;
    font-weight: normal;
    margin-bottom: 23px; }
  .login-card form {
    max-width: 326px; }
  .login-card .form-control {
    border: 1px solid #d5dae2;
    padding: 11px 25px;
    margin-bottom: 20px;
    min-height: 45px;
    font-size: 13px;
    line-height: 15;
    font-weight: normal; }
    .login-card .form-control::-webkit-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-moz-placeholder {
      color: #919aa3; }
    .login-card .form-control:-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::-ms-input-placeholder {
      color: #919aa3; }
    .login-card .form-control::placeholder {
      color: #919aa3; }
  .login-card .login-btn {
    padding: 13px 20px 12px;
    background-color: #000;
    border-radius: 4px;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-bottom: 24px; }
    .login-card .login-btn:hover {
      border: 1px solid #000;
      background-color: transparent;
      color: #000; }
  .login-card .forgot-password-link {
    font-size: 14px;
    color: #919aa3;
    margin-bottom: 12px; }
  .login-card-footer-text {
    font-size: 16px;
    color: #0d2366;
    margin-bottom: 60px; }
    @media (max-width: 767px) {
      .login-card-footer-text {
        margin-bottom: 24px; } }
  .login-card-footer-nav a {
    font-size: 14px;
    color: #919aa3; }

/*# sourceMappingURL=login.css.map */


.btn-loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
}

.btn-loading:after {
  content: '';
  -webkit-animation: loader 500ms infinite linear;
  animation: loader 500ms infinite linear;
  border: 2px solid #fff;
  border-radius: 50%;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  display: block;
  height: 1.4em;
  width: 1.4em;
  position: absolute;
  left: calc(50% - (1.4em / 2));
  top: calc(50% - (1.4em / 2));
  -webkit-transform-origin: center;
  transform-origin: center;
  position: absolute !important;
}

@-webkit-keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ================================================================
   ALPHAFANG AUTH OVERRIDES
   ================================================================ */

/* Tell iOS Safari this page uses light color scheme — prevents dark-mode auto-inversion of input text */
:root {
    color-scheme: light;
}

/* Page background */
body {
    background: #0d0d0d !important;
    font-family: 'Poppins', 'Nunito', sans-serif;
}

/* Centre and constrain the card */
.container {
    display: flex;
    justify-content: center;
}
.login-card {
    width: 100%;
    max-width: 880px;
    border-radius: 20px !important;
    box-shadow: 0 24px 80px rgba(0,0,0,0.6) !important;
    overflow: hidden;
    background: #fff;
}

/* Left branded panel */
.af-auth-panel {
    background: #C1272D !important;
    position: relative;
    min-height: 380px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}
.af-auth-panel-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 28px;
    width: 100%;
    height: 100%;
    padding: 48px 32px;
    text-decoration: none;
}
.af-auth-wolf {
    width: 96px;
    height: 96px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.95;
}
.af-auth-panel-tagline {
    font-family: 'Poppins', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: rgba(255,255,255,0.9);
    text-align: center;
    line-height: 1.4;
    letter-spacing: -0.01em;
}

/* Form side */
.login-card .card-body {
    padding: 52px 48px 48px !important;
    background: #fff;
}
.brand-wrapper .logo {
    height: 44px !important;
}
.login-card-description {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #111 !important;
    margin-bottom: 28px !important;
}
.login-card .form-control {
    -webkit-appearance: none;
    appearance: none;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px !important;
    color: #111 !important;
    background: #fafafa !important;
    transition: border-color 0.2s;
}
.login-card .form-control:focus {
    border-color: #C1272D !important;
    box-shadow: 0 0 0 3px rgba(193,39,45,0.12) !important;
    background: #fff;
    outline: none;
}
.login-card .login-btn {
    background-color: #C1272D !important;
    border: none !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    transition: background 0.2s, transform 0.2s !important;
}
.login-card .login-btn:hover {
    background-color: #771E0F !important;
    color: #fff !important;
    border: none !important;
    transform: translateY(-1px);
}
.login-card-footer-text {
    color: #555 !important;
    font-size: 14px !important;
}
.login-card-footer-text a,
.login-card-footer-nav a {
    color: #C1272D !important;
    font-weight: 600;
    text-decoration: none;
}
.custom-control-label { font-size: 13.5px; color: #555; }

/* Hide left panel on mobile — form only */
@media (max-width: 767px) {
    .af-auth-panel { display: none !important; }
    .login-card .col-md-6:last-child { flex: 0 0 100%; max-width: 100%; }
    .login-card .card-body { padding: 36px 28px 32px !important; }
    .login-card { border-radius: 16px !important; margin: 0 12px; }
}

/* Full logo on left panel — wider than icon, no square crop */
.af-auth-wolf {
    width: 180px !important;
    height: auto !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

/* iOS Safari / dark mode — force light scheme so inputs don't get dark-mode text */
.login-card .card-body {
    color-scheme: light;
}
.login-card .form-control {
    color-scheme: light;
    -webkit-text-fill-color: #111 !important;
    color: #111 !important;
    background-color: #fafafa !important;
}
.login-card .form-control:-webkit-autofill,
.login-card .form-control:-webkit-autofill:hover,
.login-card .form-control:-webkit-autofill:focus {
    color-scheme: light;
    -webkit-text-fill-color: #111 !important;
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset !important;
    box-shadow: 0 0 0px 1000px #fafafa inset !important;
}