.sopo-auth {
  background: #f4f6fa;
  color: #3f4254;
}
.sopo-auth .header {
  background: #fff;
  border-bottom: 1px solid #e9ecf3;
  box-shadow: none;
}
.sopo-auth .login {
  margin-top: 32px;
  padding: 28px 16px 72px;
  background: transparent;
}
.sopo-auth .login .shadow {
  box-shadow: none !important;
  border: 1px solid #e9ecf3;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
.sopo-auth .login h2 {
  color: #233162;
  font-size: 24px;
  font-weight: 700;
}
.sopo-auth .login .text-gray-600,
.sopo-auth .login .text-muted {
  color: #7e8299;
}
.sopo-auth .login .form-control {
  min-height: 38px;
  height: auto;
  border: 1px solid #dde1ea;
  border-radius: 8px;
  color: #3f4254;
  font-family: inherit;
}
.sopo-auth .login .btn-dark,
.sopo-auth .login button[type="submit"] {
  background: #233162;
  border-color: #233162;
  color: #fff;
  font-weight: 700;
  border-radius: 8px;
  min-height: 38px;
  text-transform: none;
}
.sopo-auth .login a {
  color: #3c95ce;
  font-weight: 700;
}
.sopo-auth .login .form-control:focus-visible,
.sopo-auth .login .btn:focus-visible,
.sopo-auth .login a:focus-visible {
  outline: 2px solid #3c95ce;
  outline-offset: 2px;
  box-shadow: none;
}
@media (max-width: 1199px) {
  .sopo-auth .login { padding: 22px 16px 72px; }
}
@media (max-width: 767px) {
  .sopo-auth .login { margin-top: 12px; padding: 16px 14px 88px; }
  .sopo-auth .login .p-50 { padding: 20px !important; }
  .sopo-auth .login h2 { font-size: 22px; }
}