/* [project]/app/(auth)/components/AuthVisualHeader.module.css [app-client] (css) */
.AuthVisualHeader-module__8aqoFa__container {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 240px;
  margin-bottom: 32px;
  display: flex;
  position: relative;
}

.AuthVisualHeader-module__8aqoFa__centralLogo {
  z-index: 10;
  background-color: #fff;
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  animation: 6s ease-in-out infinite AuthVisualHeader-module__8aqoFa__float;
  display: flex;
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
}

@keyframes AuthVisualHeader-module__8aqoFa__float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

.AuthVisualHeader-module__8aqoFa__iconBubble {
  background-color: #1f2937;
  border: 1px solid #374151;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
  position: absolute;
  box-shadow: 0 4px 6px -1px #0000004d;
}

.AuthVisualHeader-module__8aqoFa__iconSvg {
  width: 20px;
  height: 20px;
}

.AuthVisualHeader-module__8aqoFa__iconPrimary {
  color: var(--accent, #ef4444);
}

.AuthVisualHeader-module__8aqoFa__iconBlue {
  color: #3b82f6;
}

.AuthVisualHeader-module__8aqoFa__iconPink {
  color: #ec4899;
}

.AuthVisualHeader-module__8aqoFa__iconGreen {
  color: #16a34a;
}

.AuthVisualHeader-module__8aqoFa__iconYellow {
  color: #eab308;
}

.AuthVisualHeader-module__8aqoFa__iconCyan {
  color: #06b6d4;
}

/* [project]/app/(auth)/components/AuthInput.module.css [app-client] (css) */
.AuthInput-module__A273NW__input {
  width: 100%;
  color: var(--text-heading, #fff);
  background-color: #0000004d;
  border: 1px solid #4b5563;
  border-radius: 8px;
  outline: none;
  padding: 14px 16px;
  font-size: 16px;
  transition: border-color .2s, box-shadow .2s;
}

.AuthInput-module__A273NW__input::placeholder {
  color: #6b7280;
}

.AuthInput-module__A273NW__input:focus {
  border-color: var(--accent, #ef4444);
  box-shadow: 0 0 0 2px #ef444433;
}

.AuthInput-module__A273NW__input:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* [project]/app/(auth)/components/AuthButton.module.css [app-client] (css) */
.AuthButton-module__Ny1mpq__button {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 16px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 700;
  transition: all .2s ease-in-out;
  display: flex;
}

.AuthButton-module__Ny1mpq__primary {
  background-color: var(--accent, #ef4444);
  color: #fff;
  box-shadow: 0 4px 14px #ef44444d;
}

.AuthButton-module__Ny1mpq__primary:hover:not(:disabled) {
  background-color: var(--accent-dark, #dc2626);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px #ef444466;
}

.AuthButton-module__Ny1mpq__secondary {
  color: var(--text-heading, #fff);
  background-color: #0000;
  border: 1px solid #4b5563;
}

.AuthButton-module__Ny1mpq__secondary:hover:not(:disabled) {
  border-color: var(--text-heading, #fff);
  background-color: #ffffff0d;
}

.AuthButton-module__Ny1mpq__loading, .AuthButton-module__Ny1mpq__disabled {
  opacity: .7;
  cursor: not-allowed;
  transform: none !important;
}

.AuthButton-module__Ny1mpq__spinner {
  border: 2px solid;
  border-top-color: #0000;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: .8s linear infinite AuthButton-module__Ny1mpq__spin;
}

@keyframes AuthButton-module__Ny1mpq__spin {
  to {
    transform: rotate(360deg);
  }
}

/* [project]/app/(auth)/login/login.module.css [app-client] (css) */
@keyframes login-module__7V2Yca__fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.login-module__7V2Yca__container {
  background: radial-gradient(circle at 50% 30%, #ef444414, #0000 70%);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 24px;
  display: flex;
}

.login-module__7V2Yca__authCard {
  background-color: var(--card-background, #1f2937);
  border: 1px solid #374151;
  border-radius: 24px;
  width: 100%;
  max-width: 450px;
  padding: 40px;
  animation: .6s ease-out login-module__7V2Yca__fadeInUp;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px #00000040;
}

.login-module__7V2Yca__authCard:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--accent, #ef4444), transparent);
  opacity: .8;
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
}

.login-module__7V2Yca__headerWrapper {
  justify-content: center;
  margin-bottom: 24px;
  display: flex;
}

.login-module__7V2Yca__header {
  text-align: center;
  margin-bottom: 32px;
}

.login-module__7V2Yca__title {
  color: var(--text-heading, #fff);
  letter-spacing: -.5px;
  margin-bottom: 8px;
  font-size: 32px;
  font-weight: 800;
}

.login-module__7V2Yca__subtitle {
  color: var(--text-body, #9ca3af);
  font-size: 16px;
  line-height: 1.5;
}

.login-module__7V2Yca__form {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.login-module__7V2Yca__inputGroup {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.login-module__7V2Yca__passwordWrapper {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.login-module__7V2Yca__forgotLink {
  color: var(--text-body, #9ca3af);
  cursor: pointer;
  background: none;
  border: none;
  align-self: flex-end;
  font-size: 12px;
  transition: color .2s;
}

.login-module__7V2Yca__forgotLink:hover {
  color: var(--accent, #ef4444);
  text-decoration: underline;
}

.login-module__7V2Yca__codeInput input {
  text-align: center;
  letter-spacing: 8px;
  font-weight: 700;
  font-size: 24px !important;
}

.login-module__7V2Yca__errorBox {
  color: #fca5a5;
  text-align: center;
  background-color: #ef44441a;
  border: 1px solid #ef44444d;
  border-radius: 8px;
  padding: 14px;
  font-size: 14px;
  animation: .3s ease-out login-module__7V2Yca__fadeInUp;
}

.login-module__7V2Yca__successBox {
  color: #86efac;
  text-align: center;
  background-color: #22c55e1a;
  border: 1px solid #22c55e4d;
  border-radius: 8px;
  padding: 14px;
  font-size: 14px;
  animation: .3s ease-out login-module__7V2Yca__fadeInUp;
}

.login-module__7V2Yca__footer {
  text-align: center;
  color: var(--text-body, #9ca3af);
  border-top: 1px solid #374151;
  margin-top: 32px;
  padding-top: 24px;
  font-size: 14px;
}

.login-module__7V2Yca__link {
  color: var(--accent, #ef4444);
  cursor: pointer;
  margin-left: 6px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.login-module__7V2Yca__link:hover {
  color: var(--accent-dark, #dc2626);
  text-decoration: underline;
}

.login-module__7V2Yca__cancelButton {
  color: var(--text-body, #9ca3af);
  cursor: pointer;
  background: none;
  border: none;
  margin-top: 12px;
  font-size: 14px;
  text-decoration: underline;
  transition: color .2s;
}

.login-module__7V2Yca__cancelButton:hover {
  color: #fff;
}

@media (max-width: 640px) {
  .login-module__7V2Yca__authCard {
    border-radius: 16px;
    padding: 24px;
  }

  .login-module__7V2Yca__title {
    font-size: 26px;
  }
}

/*# sourceMappingURL=app_%28auth%29_7e1e4f7a._.css.map*/