/* loading.css — 첫 진입 로딩 화면.
   원본: 2번폴더 clubm_loading_logo.html (우팀장 제공). 지시대로 가운데는 로고만 남기고
   문구(CLUB M / Connecting Secure Vault / SSL Secured Wallet)와 진행바는 뺐다.
   로고는 사이트가 쓰는 파일(logo.png) 그대로 — 같은 그림을 두 벌 들고 있지 않는다. */

#boot {
  --boot-bg: #07090e;                 /* 원본 배경색 */
  --boot-gold: 245, 196, 81;          /* 원본 금색(퍼짐 계산용 rgb) */
  --boot-min: 900;                    /* 최소 노출(ms). 깜빡임 방지 */
  --boot-max: 6000;                   /* 최대 대기(ms). 이 시간을 넘기면 무조건 걷는다 */
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--boot-bg);
  opacity: 1;
  transition: opacity .45s ease;
}
/* 뒤에서 은은하게 숨쉬는 금빛 원 */
#boot::before {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  width: min(70vw, 620px); height: min(70vw, 620px);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(var(--boot-gold), .05) 0%, transparent 70%);
  animation: bootGlow 5.5s infinite ease-in-out;
}
#boot img {
  position: relative;
  width: 140px;
  height: auto;
  filter: drop-shadow(0 4px 20px rgba(var(--boot-gold), .15));
  animation: bootPulse 5.5s infinite ease-in-out;
}
@keyframes bootGlow {
  0%   { opacity: .7; transform: translate(-50%, -50%) scale(.95); }
  50%  { opacity: 1;  transform: translate(-50%, -50%) scale(1.05); }
  100% { opacity: .7; transform: translate(-50%, -50%) scale(.95); }
}
@keyframes bootPulse {
  0%   { transform: scale(.96); filter: drop-shadow(0 4px 15px rgba(var(--boot-gold), .10)); }
  50%  { transform: scale(1.04); filter: drop-shadow(0 8px 30px rgba(var(--boot-gold), .35)); }
  100% { transform: scale(.96); filter: drop-shadow(0 4px 15px rgba(var(--boot-gold), .10)); }
}
#boot.gone { opacity: 0; pointer-events: none; }

@media (max-width: 640px) { #boot img { width: 108px; } }
@media (prefers-reduced-motion: reduce) {
  #boot img, #boot::before { animation: none; }
}