/* [project]/src/app/login/page.module.css [app-client] (css) */
.page-module__aydn6q__container {
  min-height: 100vh;
  padding: var(--space-4);
  background: radial-gradient(circle at top right, hsla(var(--primary-h), var(--primary-s), var(--primary-l), .12), transparent 45%),
              radial-gradient(circle at bottom left, hsla(var(--secondary-h), var(--secondary-s), var(--secondary-l), .1), transparent 40%),
              var(--background);
  transition: background var(--transition-slow);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-module__aydn6q__container:before {
  content: "";
  border-radius: var(--radius-full);
  background: var(--primary);
  filter: blur(120px);
  opacity: .15;
  pointer-events: none;
  width: 300px;
  height: 300px;
  animation: 8s ease-in-out infinite alternate page-module__aydn6q__pulse;
  position: absolute;
  top: 15%;
  right: 15%;
}

@keyframes page-module__aydn6q__pulse {
  0% {
    opacity: .12;
    transform: scale(1)translate(0);
  }

  100% {
    opacity: .18;
    transform: scale(1.2)translate(-20px, 20px);
  }
}

.page-module__aydn6q__card {
  width: 100%;
  max-width: 440px;
  padding: var(--space-8) var(--space-6);
  background-color: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg), var(--shadow-glow);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: transform var(--transition-normal), box-shadow var(--transition-normal);
  z-index: 1;
}

@media (min-width: 768px) {
  .page-module__aydn6q__card {
    padding: var(--space-12) var(--space-8);
  }
}

.page-module__aydn6q__card:hover {
  box-shadow: var(--shadow-lg), 0 0 25px 4px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .22);
  transform: translateY(-2px);
}

.page-module__aydn6q__header {
  text-align: center;
  margin-bottom: var(--space-8);
}

.page-module__aydn6q__subtitle {
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
  letter-spacing: .075em;
  color: var(--primary);
  margin-bottom: var(--space-2);
}

.page-module__aydn6q__title {
  font-size: var(--text-3xl);
  font-weight: var(--weight-bold);
  color: var(--foreground);
  letter-spacing: -.02em;
}

.page-module__aydn6q__form {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}

.page-module__aydn6q__group {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}

.page-module__aydn6q__label {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  color: var(--foreground);
  opacity: .85;
}

.page-module__aydn6q__inputWrapper {
  position: relative;
}

.page-module__aydn6q__input {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-base);
  font-family: var(--font-sans);
  color: var(--foreground);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
  background-color: #0000;
  outline: none;
}

.page-module__aydn6q__input:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);
}

.page-module__aydn6q__error {
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-sm);
  color: #f04242;
  border-radius: var(--radius-md);
  align-items: center;
  gap: var(--space-2);
  background-color: #fef1f1;
  border: 1px solid #fbd0d0;
  animation: .3s ease-in-out page-module__aydn6q__shake;
  display: flex;
}

[data-theme="dark"] .page-module__aydn6q__error {
  background-color: #5e080826;
  border-color: #ec13134d;
}

@keyframes page-module__aydn6q__shake {
  0%, 100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-4px);
  }

  75% {
    transform: translateX(4px);
  }
}

.page-module__aydn6q__button {
  width: 100%;
  padding: var(--space-3);
  font-size: var(--text-base);
  font-weight: var(--weight-semibold);
  font-family: var(--font-sans);
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  border-radius: var(--radius-md);
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);
  border: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-module__aydn6q__button:hover {
  filter: brightness(1.08);
  box-shadow: 0 4px 12px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .25);
  transform: translateY(-1px);
}

.page-module__aydn6q__button:active {
  transform: translateY(0);
}

.page-module__aydn6q__button:disabled {
  opacity: .6;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
}

.page-module__aydn6q__spinner {
  border-radius: var(--radius-full);
  border: 2px solid #ffffff4d;
  border-top-color: #fff;
  width: 20px;
  height: 20px;
  animation: .8s linear infinite page-module__aydn6q__spin;
}

@keyframes page-module__aydn6q__spin {
  to {
    transform: rotate(360deg);
  }
}

.page-module__aydn6q__footer {
  text-align: center;
  margin-top: var(--space-6);
  font-size: var(--text-xs);
  color: var(--foreground);
  opacity: .6;
}

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