/* [project]/src/templates/login/login.module.css [app-client] (css) */
.login-module__-EFsRa__container {
  background: #0a0a0a;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.login-module__-EFsRa__form {
  background: #1f2937;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 380px;
  max-width: 100%;
  padding: 2.5rem;
  transition: transform .25s;
  display: flex;
  box-shadow: 0 6px 18px #0009;
}

.login-module__-EFsRa__form:hover {
  transform: scale(1.02);
}

.login-module__-EFsRa__title {
  color: #f9fafb;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.login-module__-EFsRa__logoWrap {
  align-items: center;
  gap: .75rem;
  margin-top: .25rem;
  margin-bottom: .75rem;
  display: flex;
}

.login-module__-EFsRa__logoIcon {
  filter: drop-shadow(0 4px 12px #7c3aed80);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-module__-EFsRa__logoText {
  flex-direction: column;
  gap: 4px;
  line-height: 1;
  display: flex;
}

.login-module__-EFsRa__logoName {
  letter-spacing: .04em;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1;
}

.login-module__-EFsRa__logoNameWhite {
  color: #f9fafb;
}

.login-module__-EFsRa__logoNamePurple {
  color: #a78bfa;
}

.login-module__-EFsRa__logoTagline {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6b7280;
  font-size: .7rem;
  font-weight: 500;
}

.login-module__-EFsRa__input {
  color: #e5e7eb;
  background: #111827;
  border: 1px solid #374151;
  border-radius: 10px;
  outline: none;
  width: 100%;
  padding: .9rem 1rem;
  font-size: 1rem;
  transition: border-color .3s, box-shadow .3s, background .3s;
}

.login-module__-EFsRa__input::placeholder {
  color: #9ca3af;
}

.login-module__-EFsRa__input:focus {
  background: #1f2937;
  border-color: #7c3aed;
  box-shadow: 0 0 0 3px #7c3aed59;
}

.login-module__-EFsRa__button {
  color: #fff;
  cursor: pointer;
  background: #7c3aed;
  border: none;
  border-radius: 12px;
  width: 100%;
  padding: .9rem;
  font-size: 1rem;
  font-weight: 600;
  transition: background .3s, transform .2s;
}

.login-module__-EFsRa__button:hover {
  background: #6d28d9;
  transform: scale(1.03);
}

.login-module__-EFsRa__error {
  color: #f87171;
  width: 100%;
  margin-top: -.25rem;
  margin-bottom: .25rem;
  font-size: .875rem;
}

.login-module__-EFsRa__actions {
  gap: .75rem;
  width: 100%;
  display: flex;
}

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