/* 로그인 v2 — 로그인 / 아이디 찾기 / 비밀번호 찾기 / 선생님 로그인 공용
   공통 토큰과 골격은 samhago.css 를 따른다.

   퍼블리싱 시안(html/css/web/login/login-v2.css) 기준으로 아래를 조정했다.
     - 카카오 간편로그인 미구현 결정에 따라 .divider 와 .btn-kakao 제거
     - 카카오 로그인 후 온보딩(.prog ~ .done-list) 제거
     - 실서버에 필요한 상단 헤더 로고와 결과 영역 보강

   색값은 디자인 시스템 정본(css/web/samhago-design-system.css)에서 옮겨 적었다.
   정본이 배포에 포함되면 var() 참조로 정리한다. */

/* ── 상단 헤더 ──
   흰 띠에 로고만 왼쪽 정렬. .top 골격(sticky, 흰 배경, 하단 실선)은 samhago.css 에 있다. */
.top img{height:28px;display:block}

/* ── 입력 ── */
.f-label{display:block;font-size:13px;font-weight:600;color:var(--ink3);margin:22px 0 2px}

/* ── 버튼 ── */
.btn{
  width:100%; height:54px; border:none; border-radius:12px;
  font-size:16.5px; font-weight:700; transition:all .2s;
  display:flex; align-items:center; justify-content:center; gap:8px;
  text-decoration:none;
}
.btn + .btn{margin-top:10px}

/* ── 하단 링크 ── */
.links{display:flex;justify-content:center;gap:20px;margin-top:22px;font-size:13.5px}
.links a{color:var(--ink3);font-weight:600;text-decoration:none}
.links a:hover{color:var(--ink)}
.links span{color:var(--mute)}

.signup-box{
  margin-top:18px;padding:18px;background:#fff;border-radius:12px;
  text-align:center;font-size:14px;color:var(--ink2);
  box-shadow:0 1px 3px rgba(0,0,0,.05);
}
.signup-box a{color:var(--blue-ink);font-weight:800;text-decoration:none}

/* ── 시험의 달인 이벤트 배너 ── */
.promo-banner{
  display:block;margin-top:18px;border-radius:12px;overflow:hidden;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  transition:transform .18s ease, box-shadow .18s ease;
}
.promo-banner img{display:block;width:100%;height:auto}
.promo-banner:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.10)}
@media (prefers-reduced-motion: reduce){ .promo-banner{transition:none} .promo-banner:hover{transform:none} }

/* ── 푸터 ──
   선생님 로그인은 첫 화면에 노출하지 않고 푸터에만 작게 둔다.
   선생님 로그인 화면에서는 같은 자리에 학생 로그인 역링크가 들어간다. */
.foot{max-width:600px;margin:0 auto;padding:8px 20px 50px;text-align:center}
.foot p{font-size:12.5px;color:var(--ink3);word-break:keep-all;line-height:1.8}
.foot .staff{display:inline-block;margin-top:14px;font-size:12px;color:var(--mute);text-decoration:none}
.foot .staff:hover{color:var(--ink3)}

/* ── 결과 안내 (아이디 찾기 결과, 비밀번호 임시발급 안내) ── */
.result-box{margin-top:22px;padding:18px;background:#FDF3D8;border-radius:12px;font-size:14.5px;line-height:1.8;word-break:keep-all}
.result-box b{font-weight:800;color:#8A6400}
.result-box .r-sub{display:block;margin-top:6px;font-size:13px;color:var(--ink3);line-height:1.7}