/* 로그인 폼 */
#loginForm {
  width: 360px; /* 블럭 폭 확대 */
  margin: 40px auto; /* 상단 여백 확대 */
  padding: 40px 45px; /* 내부 여백 조정 */
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06); /* 그림자 강화 */
  display: flex;
  flex-direction: column;
  gap: 14px; /* 입력칸 간격 증가 */
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Helvetica Neue", Arial, sans-serif; /* 시스템 폰트 */
}

/* 입력창 + 버튼을 동일 폭으로 */
#loginForm input,
#loginForm .loginBtn {
  width: 100%;
  height: 44px; /* 높이 증가 */
  border-radius: 8px;
  font-size: 15px; /* 가독성 향상 */
  box-sizing: border-box;
}

/* 입력 필드 */
#loginForm input {
  padding: 0 12px;
  border: 1px solid #d1d5db;
  transition: border-color 0.2s, box-shadow 0.2s;
}

#loginForm input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

/* 입력 + 버튼을 같은 줄에 배치할 경우 */
#loginForm .formGroup {
  display: flex;
  align-items: center;
  gap: 8px;
}

#loginForm .formGroup input {
  flex: 1;
}

#loginForm .formGroup button {
  height: 44px;
  padding: 0 14px;
  border-radius: 8px;
  border: none;
  background-color: #457cf1;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

#loginForm .formGroup button:hover {
  background-color: #2563eb;
}

#loginForm .formGroup button:active {
  transform: scale(0.97);
}

/* 로그인 버튼 */
#loginForm .loginBtn {
  background-color: #2563eb;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  margin-top: 6px; /* 위 입력칸과 간격 */
}

#loginForm .loginBtn:hover {
  background-color: #1d4ed8;
}

#loginForm .loginBtn:active {
  transform: scale(0.98);
}

/* 폼 하단 보조 안내문용 */
#loginForm .formNotice {
  margin-top: 10px;
  font-size: 13px;
  color: #6b7280;
  text-align: center;
}

/* 로그인 폼 하단 링크 */
#loginForm .loginHelp {
  margin-top: 12px; /* 버튼과 간격 */
  font-size: 13px;
  color: #6b7280; /* 차분한 회색 */
  text-align: center; /* 중앙 정렬 */
}

#loginForm .loginHelp a {
  color: #2563eb; /* 링크 색상 */
  text-decoration: none;
  margin: 0 6px;
  transition: color 0.2s ease;
}

#loginForm .loginHelp a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}