/* [project]/src/app/(site)/auth.css [app-client] (css) */
.auth-page {
  justify-content: center;
  align-items: flex-start;
  min-height: 80vh;
  padding: 125px 16px 60px;
  display: flex;
}

.auth-wrap {
  width: 100%;
  max-width: 502px;
}

.auth-wrap.auth-wide {
  max-width: 640px;
}

.auth-card {
  background: #1a1a1a;
  border-radius: 3px;
  padding: 45px 70px;
}

.auth-card h1 {
  color: #fff;
  margin: 0 0 26px;
  font-size: 28px;
  font-weight: 700;
}

.auth-sub {
  color: #b3b3b3;
  white-space: nowrap;
  margin: 40px 0 14px;
  font-size: 16px;
  line-height: 1.4;
}

.auth-field {
  margin-bottom: 16px;
}

.auth-field label {
  color: #b3b3b3;
  margin-bottom: 6px;
  font-size: 14px;
  display: block;
}

.auth-field input {
  color: #e8e8e8;
  background: #292929;
  border: none;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 36px;
  padding: 0 12px;
  font-size: 14px;
}

.auth-field input:focus {
  background: #313131;
}

.auth-pwd {
  position: relative;
}

.auth-pwd input {
  padding-right: 40px;
}

.auth-eye {
  color: #9a9a9a;
  cursor: pointer;
  background: none;
  border: none;
  padding: 6px;
  line-height: 0;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.auth-eye:hover {
  color: #fff;
}

.auth-btn {
  color: #fff;
  cursor: pointer;
  background: #018850;
  border: none;
  border-radius: 3px;
  width: 100%;
  height: 36px;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
}

.auth-btn:hover {
  background: #019658;
}

.auth-row {
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  display: flex;
}

.auth-remember {
  color: #cfcfcf;
  cursor: pointer;
  align-items: center;
  gap: 7px;
  margin: 0;
  font-size: 16px;
  display: inline-flex;
}

.auth-remember input {
  width: 15px;
  height: 15px;
  margin: 0;
}

.auth-forgot, .auth-forgot:link, .auth-forgot:visited, .auth-forgot:active, .auth-forgot:focus {
  color: #b3b3b3;
  align-items: center;
  font-size: 12px;
  text-decoration: none;
  display: inline-flex;
}

.auth-forgot:hover {
  color: #b3b3b3;
  text-decoration: underline;
}

.auth-foot {
  color: #b3b3b3;
  margin-top: 22px;
  font-size: 16px;
}

.auth-foot a, .auth-foot a:link, .auth-foot a:visited, .auth-foot a:active, .auth-foot a:focus {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.auth-foot a:hover {
  color: #fff;
  text-decoration: underline;
}

.auth-error {
  color: #ff7a7a;
  background: #e539351f;
  border: 1px solid #e5393566;
  border-radius: 4px;
  margin-bottom: 18px;
  padding: 10px 14px;
  font-size: 14px;
}

/*# sourceMappingURL=src_app_%28site%29_auth_1y4pyrv.css.map*/