/*
 * 회원 가입(signup.html, 반응형 한 장) — login.css 위에 얹는다(같은 카드·입력·버튼). 계약 team/contracts/signup.md §4.
 * 로그인과 달리 칸이 많아 화면이 낮으면 세로 스크롤을 허용한다(위에서부터 시작). 하드코딩 색 없음(html.dark-ok).
 */
body.su-page{display:block;padding:28px 16px 40px;}
body.su-page > .su-wrap{max-width:480px;margin:0 auto;}
.su-page .brand{margin-bottom:16px;}
.su-page .brand .lk-mark{height:88px;}
.su-page .brand .lk-logo{height:28px;}
.su-logo{display:block;border-radius:var(--r-md);}
.su-logo:focus-visible{outline:3px solid var(--accent-ring);outline-offset:4px;}
.su-lead{margin:8px 0 0;font-size:var(--t-md);color:var(--ink-2);line-height:1.6;}

.su-page .field{margin-bottom:18px;}
.su-page .field .f-hint{margin:7px 0 0;line-height:1.5;}
.su-page .field .f-err{margin:7px 0 0;font-size:var(--t-sm);line-height:1.5;}
.su-page .input[aria-invalid="true"]{border-color:var(--dang);}
.su-page .input[aria-invalid="true"]:focus{box-shadow:0 0 0 4px var(--dang-soft);}
.su-page .input.su-code{font-family:var(--mono);font-size:20px;font-weight:var(--w-bold);letter-spacing:.08em;}
.su-page .input.su-code::placeholder{font-weight:var(--w-reg);letter-spacing:.04em;}

/* 비밀번호 보이기 — 누르는 곳 48px, 상자 24px */
.su-show{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin:-8px 0 10px;cursor:pointer;
  font-size:var(--t-md);font-weight:var(--w-semi);color:var(--ink-2);}
.su-show input{width:24px;height:24px;margin:0;accent-color:var(--accent);cursor:pointer;}

.su-page .btn.pri{margin-top:8px;}
.su-page .error{text-align:left;font-size:var(--t-md);}

/* 이미 로그인 안내 */
.su-note{background:var(--info-soft);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:18px;}
.su-note p{margin:0 0 10px;font-size:var(--t-md);color:var(--ink);line-height:1.55;}
.su-note .btn.su-note-go{height:var(--ctl);padding:0 18px;font-size:var(--t-md);text-decoration:none;display:inline-flex;
  background:var(--panel);color:var(--ink);box-shadow:var(--sh-1);}

/* 가입 완료 */
.su-done-t{margin:6px 0 6px;font-size:var(--t-xl);font-weight:var(--w-bold);color:var(--ok);}
#su-done .btn.pri{text-decoration:none;margin-top:14px;}
#su-done .success-msg[hidden],.su-page .su-cta[hidden]{display:none;}
/* (경매 E7) 가입 뒤 비회원 기록 옮기기 안내 — 주 버튼 1 + 보조 1(둘 다 전폭) */
.su-claim{margin-top:14px;padding:16px;border-radius:var(--r-lg);background:var(--accent-soft);text-align:left;}
.su-claim[hidden]{display:none;}
.su-claim-t{margin:0 0 6px;font-size:var(--t-lg);font-weight:var(--w-bold);color:var(--ink);line-height:1.45;word-break:keep-all;}
.su-claim-d{margin:0;font-size:var(--t-md);color:var(--ink-2);line-height:1.6;word-break:keep-all;overflow-wrap:anywhere;}
#su-done .su-claim .btn{display:flex;width:100%;text-decoration:none;}
#su-done .su-claim .btn.pri{margin-top:14px;}
.su-claim .btn.su-claim-later{margin-top:10px;height:var(--ctl);background:var(--panel);color:var(--ink);box-shadow:none;}

@media (max-width:640px){
  body.su-page{display:block;padding:16px 16px 32px;}
  .su-page .brand{margin-bottom:12px;}
  .su-page .brand .lk-mark{height:64px;}
  .su-page .brand .lk-logo{height:24px;}
  .su-lead{font-size:17px;}
  .su-page .field{margin-bottom:16px;}
  .su-show{font-size:17px;}
  .su-cta{flex-wrap:wrap;}
}