/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./app/login/page.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.page_shell__9wkg9 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-background);
  color: var(--color-text);
  padding: var(--space-4);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[5].use[3]!./components/LoginCard.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
/* Second use of the "floating card on canvas" pattern (DemoPopover is the
   first) — same color.surface / radius.lg / border / shadow treatment as
   DemoPopover.module.css's .card, at a slightly narrower max-width. */
.LoginCard_card__lSAgq {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  box-shadow: 0 24px 60px rgba(20, 18, 34, 0.28);
  max-width: 380px;
  width: 100%;
  padding: var(--space-5);
}

.LoginCard_brandRow__aALXC {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}

.LoginCard_logoMark__pqGev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  color: #fff;
  font-family: var(--type-heading);
  font-weight: 800;
  font-size: 1.2rem;
  flex-shrink: 0;
}

.LoginCard_logoImg__pxXXO {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: contain;
  flex-shrink: 0;
}

.LoginCard_brandNames__ajm7E {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.LoginCard_brandName__1AiYB {
  font-family: var(--type-heading);
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--color-text);
}

.LoginCard_brandSub__X5Fcp {
  font-size: 0.85rem;
  color: var(--color-text-muted);
}

.LoginCard_label__T9FX9 {
  display: block;
  font-size: 0.85rem;
  color: var(--color-text-muted);
  margin-bottom: var(--space-1);
}

.LoginCard_fieldRow__pFkl6 {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--space-3);
}

.LoginCard_input__TWY5h {
  flex: 1 1;
  width: 100%;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-6) var(--space-2) var(--space-2);
  font-size: 0.95rem;
  color: var(--color-text);
  background: var(--color-background);
}
.LoginCard_input__TWY5h:disabled {
  opacity: 0.6;
}

.LoginCard_toggle__yx0cw {
  position: absolute;
  right: var(--space-2);
  background: transparent;
  border: none;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-text-muted);
  padding: var(--space-1);
}

.LoginCard_error__mXB94 {
  margin: 0 0 var(--space-3);
  color: var(--color-error);
  font-size: 0.88rem;
}

.LoginCard_submit__zK1V6 {
  width: 100%;
  border: none;
  background: var(--color-primary);
  color: #fff;
  border-radius: var(--radius-md);
  padding: var(--space-2) var(--space-4);
  font-weight: 600;
  font-size: 0.95rem;
}
.LoginCard_submit__zK1V6:hover:not(:disabled) {
  filter: brightness(1.06);
}
.LoginCard_submit__zK1V6:disabled {
  opacity: 0.7;
}