.heic-page{min-height:65vh;padding:65px 0 90px}
.heic-page .heic-shell{max-width:820px;margin:auto;text-align:center}
.heic-page .heic-kicker{color:var(--accent);font:800 12px var(--sans);letter-spacing:.13em}
.heic-page h1{margin:12px 0 12px;font:800 clamp(32px,5vw,54px)/1.15 var(--sans);color:var(--ink)}
.heic-page .heic-lede{margin:0 auto 25px;max-width:600px;color:var(--muted);font:500 16px/1.65 var(--sans)}
.heic-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:270px;padding:28px;border:2px dashed var(--accent);border-radius:24px;background:var(--surface);box-shadow:var(--paper-shadow);cursor:pointer}
.heic-drop.over,.heic-drop:hover{background:var(--sunk);box-shadow:0 0 0 5px #6fb5d333}
.heic-drop b{font:800 22px var(--sans);color:var(--ink)}
.heic-drop small{color:var(--muted);font:500 13px var(--sans)}
.heic-drop input{position:absolute;width:1px;height:1px;opacity:0}
.heic-results{margin:22px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);text-align:left}
.heic-results h2{margin:0 0 12px;font-size:18px}
.heic-result{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line)}
.heic-result strong{min-width:0;overflow-wrap:anywhere}
.heic-result.error span{color:#d35555}
.heic-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:30px auto 0}


/* ==========================================================================
   로그인 버튼 2종 (상단 헤더 로그인 + 로그인 폼 제출 버튼) 단색 블루(#1D74F5) 통일
   ========================================================================== */
header a[href*="login"],
header button.login-btn,
.site-header a[href*="login"],
.topbar a[href*="login"],
.nav-login-btn,
.btn-login,
form button[type="submit"].login-submit,
.login-card button[type="submit"],
.auth-card button[type="submit"],
.login-form button[type="submit"],
.bk-solid-login-btn {
  background: #1D74F5 !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 6px 20px rgba(29, 116, 245, 0.35) !important;
  color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: none !important;
  transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

header a[href*="login"]:hover,
header button.login-btn:hover,
.site-header a[href*="login"]:hover,
.topbar a[href*="login"]:hover,
.nav-login-btn:hover,
.btn-login:hover,
form button[type="submit"].login-submit:hover,
.login-card button[type="submit"]:hover,
.auth-card button[type="submit"]:hover,
.login-form button[type="submit"]:hover,
.bk-solid-login-btn:hover {
  background: #1562D6 !important;
  background-image: none !important;
  box-shadow: 0 8px 24px rgba(29, 116, 245, 0.48) !important;
  transform: translateY(-1px) !important;
}

/* 버튼 주변에 가상요소(::before, ::after)로 들어가 있던 네온 테두리/하이라이트 완전 제거 */
header a[href*="login"]::before,
header a[href*="login"]::after,
.btn-login::before,
.btn-login::after,
.login-card button[type="submit"]::before,
.login-card button[type="submit"]::after,
.auth-card button[type="submit"]::before,
.auth-card button[type="submit"]::after,
.bk-solid-login-btn::before,
.bk-solid-login-btn::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}


/* ==========================================================================
   [전 테마 공통: NEON / LIGHT / DARK]
   로그인 버튼 2종 & 주요 블루 버튼을 항상 2번 사진(#1D74F5 단색)으로 100% 통일
   ========================================================================== */
:root,
html,
body,
html[data-theme="neon"],
html[data-theme="light"],
html[data-theme="dark"],
body.neon,
body.light,
body.dark,
body.theme-neon,
body.theme-light,
body.theme-dark,
[data-mode="neon"],
[data-mode="light"],
[data-mode="dark"] {
  --bk-solid-blue: #1D74F5 !important;
  --bk-solid-blue-hover: #1562D6 !important;
}

/* 어떤 테마(NEON / 라이트 / 다크) 상태에서도 로그인 버튼 & 파일 선택 버튼 단색 고정 */
html .bk-solid-login-btn,
html[data-theme] .bk-solid-login-btn,
body[class] .bk-solid-login-btn,
html header a[href*="login"],
html header button.login-btn,
html .site-header a[href*="login"],
html .topbar a[href*="login"],
html .nav-login-btn,
html .btn-login,
html form button[type="submit"],
html .login-card button[type="submit"],
html .auth-card button[type="submit"],
html .login-form button[type="submit"] {
  background: #1D74F5 !important;
  background-color: #1D74F5 !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 6px 20px rgba(29, 116, 245, 0.35) !important;
  transition: background-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

html .bk-solid-login-btn:hover,
html[data-theme] .bk-solid-login-btn:hover,
body[class] .bk-solid-login-btn:hover,
html header a[href*="login"]:hover,
html header button.login-btn:hover,
html .site-header a[href*="login"]:hover,
html .topbar a[href*="login"]:hover,
html .nav-login-btn:hover,
html .btn-login:hover,
html form button[type="submit"]:hover,
html .login-card button[type="submit"]:hover,
html .auth-card button[type="submit"]:hover,
html .login-form button[type="submit"]:hover {
  background: #1562D6 !important;
  background-color: #1562D6 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(29, 116, 245, 0.48) !important;
  transform: translateY(-1px) !important;
}

/* 네온 모드 등에서 붙는 광택 테두리/오로라 가상요소(::before, ::after) 완전 차단 */
html .bk-solid-login-btn::before,
html .bk-solid-login-btn::after,
html header a[href*="login"]::before,
html header a[href*="login"]::after,
html .btn-login::before,
html .btn-login::after,
html form button[type="submit"]::before,
html form button[type="submit"]::after,
html .login-card button[type="submit"]::before,
html .login-card button[type="submit"]::after,
html .auth-card button[type="submit"]::before,
html .auth-card button[type="submit"]::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}


/* === [ROOT CSS V100] === */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
  overscroll-behavior-x: none !important;
  touch-action: pan-y !important;
}
#bkFullViewportFx {
  width: 100% !important;
  max-width: 100% !important;
  overflow: clip !important;
  contain: strict !important;
}
html header a[href*="login"],
html nav a[href*="login"],
html .topbar a[href*="login"],
html .site-header a[href*="login"],
html a[href^="/login"],
html a[href*="/login"],
html form button[type="submit"],
html .login-card button[type="submit"],
html .auth-card button[type="submit"],
html .btn-login,
html .nav-login-btn {
  background: #1D74F5 !important;
  background-color: #1D74F5 !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: 0 4px 14px rgba(29, 116, 245, 0.3) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 999px !important;
}
html header a[href*="login"]::before,
html header a[href*="login"]::after,
html a[href*="/login"]::before,
html a[href*="/login"]::after,
html form button[type="submit"]::before,
html form button[type="submit"]::after {
  display: none !important;
  content: none !important;
}




/* === [PRICING PAGE SILVER BOX + STAR MOTION] === */
@keyframes bkSilverStarTwinkle {
  0%, 100% { transform: scale(0.88) rotate(0deg); opacity: 0.65; }
  50%      { transform: scale(1.18) rotate(18deg); opacity: 1; }
}
.bk-pricing-silver-box {
  background: #EEF2F6 !important;
  background-color: #EEF2F6 !important;
  background-image: none !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: inset 0 1px 0 #FFFFFF !important;
  color: #0F172A !important;
  position: relative !important;
}
.bk-pricing-silver-box * {
  color: #0F172A !important;
}
.bk-pricing-silver-box .bk-credit-star,
.bk-pricing-silver-box svg:last-of-type {
  color: #64748B !important;
  fill: #64748B !important;
  animation: bkSilverStarTwinkle 2.4s ease-in-out infinite !important;
}