@charset "UTF-8";

/* 로그인 페이지 배경: 너무 하얗지 않게 */
.page-login{
  background: #f6f6f4;
}

/* 가운데 정렬(헤더 높이 고려) */
.page-login .hr-content{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--header-h));
  padding: 24px 16px;
  margin-left:0;
}

/* wrapper */
.page-login .login-wrap{
  width: 100%;
  display: flex;
  justify-content: center;
}

/* 카드: 밝은 톤 + 눈부심 줄인 텍스트 */
.page-login .login-card{
  width: min(420px, 100%);
  background: #fff;
  border-radius: 14px;
  padding: 34px 28px;
  border: 1px solid #eee;
  box-shadow: 0 12px 34px rgba(0,0,0,.12);
  color: #2b2b2b; /* ✅ 순검정 대신 */
}

/* 타이틀/서브 */
.page-login .login-title{
  margin: 0;
  text-align: center;
  font-weight: 800;
  letter-spacing: -0.2px;
  color: #1f1f1f;
}

.page-login .login-sub{
  margin: 6px 0 18px;
  text-align: center;
  color: #8a8a8a; /* ✅ 눈부심 줄임 */
  font-weight: 600;
  font-size: 13px;
}

/* 에러 */
.page-login .login-error{
  margin: 0 0 12px;
  padding: 10px 12px;
  background: #fff1f1;
  border: 1px solid #ffd1d1;
  color: #d00;
  border-radius: 10px;
  font-size: 13px;
  text-align: center;
}

/* 폼 그룹 */
.page-login .form-group{ margin-top: 14px; }

.page-login .form-group label{
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 700;
  color: #6f6f6f; /* ✅ 라벨 톤다운 */
}

/* 인풋: 하늘색(눈부심) 제거 → 회백색 */
.page-login .form-group input{
  width: 100%;
  padding: 11px 12px;
  background: #f4f6f8; /* ✅ 눈 편한 색 */
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  font-size: 14px;
  color: #222;
  box-sizing: border-box;
}

.page-login .form-group input:focus{
  outline: 2px solid rgba(230,0,0,.18);
  border-color: rgba(230,0,0,.35);
}

/* 로그인 버튼 */
.page-login .btn-login{
  width: 100%;
  margin-top: 18px;
  padding: 12px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(90deg, #ff3b3b, #e60000);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.page-login .btn-login:hover{ filter: brightness(.98); }

/* 재발송 버튼 */
.page-login .btn-resend{
  width: 100%;
  margin: 8px 0 12px;
  padding: 10px 12px;
  border: 1px solid #e7e7e7;
  border-radius: 12px;
  background: #fff;
  color: #333;
  font-weight: 700;
  cursor: pointer;
}

.page-login .btn-resend:hover{ background: #fafafa; }

/* 하단 링크 */
.page-login .login-links{
  margin-top: 14px;
  text-align: center;
}

.page-login .login-links a{
  color: #e60000;
  font-weight: 700;
  text-decoration: none;
}

.page-login .login-links a:hover{ text-decoration: underline; }