/* ===== 회원가입 페이지 — login.css 재활용 + 보강 =====
   카드/로고/카카오/입력칸/버튼은 login.css 그대로. 여기서는 다중 입력칸·에러·하단 문구만 보강 */

/* 입력칸이 5개라 필드별 래퍼로 묶어 에러를 칸 바로 아래 표시 */
.signup-card .login-fields {
  gap: 12px;                       /* 칸이 많아 살짝 넉넉하게 */
}
.signup-card .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* 검증 에러 메시지 */
.signup-card .field-error {
  margin: 0;
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.12px;
  color: #e11d48;                  /* 레드: 에러 */
}

/* 에러가 난 입력칸 테두리 강조 */
.signup-card input.is-invalid,
.signup-card .field-error + input {
  border-color: #e11d48;
}

/* 하단 "이미 계정이 있으신가요? 로그인" 문구 */
.signup-card .login-links .links-text {
  font-family: 'Pretendard', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.16px;
  color: #737373;
}
.signup-card .login-links a.link-join {
  font-weight: 600;
  color: #2752a0;                  /* 로그인 버튼과 동일 네이비 강조 */
}