#site-loading{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(4px);
}
#site-loading.open{display:flex}
.site-loading-card{
  text-align:center;
  padding:28px 32px;
  border-radius:16px;
  border:1px solid rgba(99,102,241,.35);
  background:rgba(15,23,42,.95);
  max-width:min(92vw,360px);
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}
.site-loading-spinner{
  width:44px;
  height:44px;
  margin:0 auto 16px;
  border:3px solid rgba(148,163,184,.25);
  border-top-color:#818cf8;
  border-radius:50%;
  animation:siteSpin .85s linear infinite;
}
@keyframes siteSpin{to{transform:rotate(360deg)}}
.site-loading-title{font-size:16px;font-weight:600;margin:0 0 6px;color:#e2e8f0}
.site-loading-hint{font-size:13px;margin:0;color:#94a3b8;line-height:1.45}
.site-loading-note{font-size:12px;margin:10px 0 0;color:#64748b;line-height:1.4}
body.site-loading-active{overflow:hidden}