@charset "UTF-8";
/* ==========================================================================
   SCR-001 로그인 — 앱셸을 쓰지 않는 단독 레이아웃
   설계서 주석 01~04 기준. design-system.css 토큰만 사용합니다.
   ========================================================================== */

.login-screen {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--s7);
  background: var(--bg-page);
}

.login-card {
  width: 440px;
  max-width: 100%;
  background: var(--bg-surface);
  border: 1px solid var(--border-default);
  border-radius: var(--r-lg);
  padding: var(--s8) var(--s7);
  box-shadow: var(--sh-1);
}

/* 01. 서비스 식별 — NECT 로고 (CI BS04 원본 벡터 · 형태·비율·색 변경 금지 BS06)
   공간규정(BS02): 로고 둘레 여백 ≥ 로고 높이 — 위 카드 여백 --s8/--s7, 좌우 --s7/--s6, 아래 --s7 */
.login-logo {
  display: block;
  width: auto;
  height: var(--logo-h-login);
  margin-bottom: var(--s7);
}

.login-title {
  margin: 0 0 var(--s2);
  font-size: var(--fs-page-title);
  font-weight: var(--fw-bold);
  color: var(--text-default);
}

.login-desc {
  margin: 0 0 var(--s7);
  font-size: var(--fs-base);
  color: var(--text-secondary);
}

/* 02. 계정정보 입력 */
.login-fields {
  display: flex;
  flex-direction: column;
  gap: var(--s5);
  margin-bottom: var(--s6);
}

.login-fields .input { width: 100%; }

/* 03. 로그인 실행 */
.login-action .btn { width: 100%; }

/* 인증 실패 안내 — 계정 존재 여부가 드러나지 않도록 통합 문구 사용 */
.login-alert {
  margin-bottom: var(--s5);
}
.login-alert[hidden] { display: none; }

/* 04. 계정 운영 안내 */
.login-info {
  margin-top: var(--s6);
  padding-top: var(--s5);
  border-top: 1px solid var(--border-default);
  font-size: var(--fs-caption);
  color: var(--text-secondary);
  line-height: var(--lh-relaxed);
}

@media (max-width: 1279px) {
  .login-card { padding: var(--s7) var(--s6); }
}