:root { --bg:#0b0b0b; --fg:#ffffff; --muted:#cfcfcf; --border:#222222; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Helvetica,Arial}

/* 전체를 정확히 가운데로 */
.wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
}
.main{width:100%;max-width:980px;text-align:center}

/* 상단 KNew 로고: 데스크톱에서도 정확히 중앙 */
.knew-logo{
  width:min(80vw, 640px);   /* 화면에 맞게, 최대 640px */
  height:auto;
  margin:0 auto 40px;
}

/* 슬로건 */
.slogan{margin:20px 0;font-size:clamp(16px,2.3vw,22px);color:var(--muted)}

/* 하단 FIGHT CLUB 블록: 컬럼 중앙 정렬(모바일/데스크톱 동일) */
.bottom{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:40px;
}

.fightclub-logo{width:126px;height:auto;margin:40px auto 10px;} /* 42px * 3 */
.brand .caption{font-size:14px;color:var(--muted);letter-spacing:.4px;text-align:center;margin-bottom:16px}

/* 버튼 두 개: 로고에서 약 1cm(40px) 아래, 중앙 세로 배치 */
.links-under-logo{
  margin-top:40px;                 /* ≈ 1cm */
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:center;
}

.link{font-size:18px;color:var(--fg);text-decoration:none}
.link:hover{text-decoration:underline;text-underline-offset:3px}

/* 추가 여백 미세 조정 (작은 화면에서도 균형) */
@media (max-width:640px){
  .knew-logo{width:min(90vw, 560px)}
  .fightclub-logo{width:120px}
  .links-under-logo{gap:10px}
}