/* Rabbit Loading Screen V19 */
#loading.rabbit-loading-cover{
  display:grid !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
  background:
    radial-gradient(circle at 18% 20%, rgba(59,130,246,.24), transparent 26%),
    radial-gradient(circle at 82% 18%, rgba(45,212,191,.20), transparent 28%),
    radial-gradient(circle at 50% 82%, rgba(255,255,255,.10), transparent 32%),
    linear-gradient(135deg, #071827 0%, #0d3350 38%, #145374 68%, #0f766e 100%);
  overflow:hidden;
}
#loading.rabbit-loading-cover.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
#loading .rabbit-loading-shell{
  position:relative;
  width:min(760px, calc(100vw - 40px));
  min-height:320px;
  display:grid;
  place-items:center;
}
#loading .rabbit-loading-glow{
  position:absolute;
  border-radius:999px;
  filter:blur(8px);
  opacity:.7;
  animation:rabbitLoadingFloat 8s ease-in-out infinite;
}
#loading .rabbit-loading-glow-a{
  width:220px;height:220px;
  left:-40px;top:-10px;
  background:radial-gradient(circle, rgba(59,130,246,.36), rgba(59,130,246,0));
}
#loading .rabbit-loading-glow-b{
  width:260px;height:260px;
  right:-70px;bottom:-40px;
  background:radial-gradient(circle, rgba(45,212,191,.32), rgba(45,212,191,0));
  animation-delay:-3.2s;
}
#loading .rabbit-loading-panel{
  position:relative;
  width:100%;
  border-radius:30px;
  padding:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 120px rgba(2,6,23,.38);
  backdrop-filter:blur(22px) saturate(135%);
  color:#fff;
}
#loading .rabbit-loading-panel::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:29px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
#loading .rabbit-loading-brand{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
}
#loading .rabbit-loading-brand-icon{
  width:78px;height:78px;border-radius:24px;
  background:linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.18);
  display:grid;place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15), 0 18px 42px rgba(2,6,23,.20);
}
#loading .rabbit-loading-brand-icon img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(2,6,23,.24));}
#loading .rabbit-loading-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(232,248,255,.78);
  margin-bottom:8px;
}
#loading .rabbit-loading-kicker::before{
  content:"";width:8px;height:8px;border-radius:999px;background:#34d399;box-shadow:0 0 0 8px rgba(52,211,153,.15);
}
#loading .rabbit-loading-brand-copy h3{
  margin:0 0 8px;
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:#fff;
}
#loading .rabbit-loading-brand-copy p{
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:rgba(234,244,255,.82);
  max-width:520px;
}
#loading .rabbit-loading-progress{
  position:relative;
  height:14px;
  border-radius:999px;
  margin:28px 0 16px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
#loading .rabbit-loading-progress span{
  position:absolute;inset:0 auto 0 0;width:45%;border-radius:inherit;
  background:linear-gradient(90deg, rgba(96,165,250,.95), rgba(45,212,191,.96), rgba(255,255,255,.95));
  box-shadow:0 0 24px rgba(96,165,250,.30);
  animation:rabbitLoadingSweep 1.8s ease-in-out infinite;
}
#loading .rabbit-loading-steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
#loading .rabbit-loading-step{
  border-radius:16px;
  padding:14px 16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(235,245,255,.72);
  font-weight:800;
  font-size:13px;
  letter-spacing:.01em;
  transition:transform .24s ease, background .24s ease, border-color .24s ease, color .24s ease, box-shadow .24s ease;
}
#loading .rabbit-loading-step.is-active{
  transform:translateY(-2px);
  color:#fff;
  background:linear-gradient(135deg, rgba(59,130,246,.24), rgba(45,212,191,.22));
  border-color:rgba(255,255,255,.18);
  box-shadow:0 18px 34px rgba(2,6,23,.18);
}
#loading .rabbit-loading-status-line{
  margin-top:18px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  font-weight:700;
  color:#eff8ff;
}
#loading .rabbit-loading-pulse-dot{
  width:10px;height:10px;border-radius:999px;background:#34d399;flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(52,211,153,.5);
  animation:rabbitLoadingPulse 1.8s ease infinite;
}
#loading .rabbit-loading-note{
  margin-top:14px;
  font-size:12px;
  line-height:1.55;
  color:rgba(232,242,255,.72);
}
@keyframes rabbitLoadingSweep{
  0%{transform:translateX(-90%) scaleX(.9)}
  50%{transform:translateX(110%) scaleX(1)}
  100%{transform:translateX(240%) scaleX(.92)}
}
@keyframes rabbitLoadingPulse{
  0%{box-shadow:0 0 0 0 rgba(52,211,153,.52)}
  70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}
  100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}
}
@keyframes rabbitLoadingFloat{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-12px,0)}
}
@media (max-width: 780px){
  #loading .rabbit-loading-panel{padding:24px 20px;border-radius:24px;}
  #loading .rabbit-loading-panel::before{border-radius:23px;}
  #loading .rabbit-loading-brand{grid-template-columns:1fr;justify-items:start;}
  #loading .rabbit-loading-brand-icon{width:68px;height:68px;border-radius:20px;}
  #loading .rabbit-loading-brand-icon img{width:46px;height:46px;}
  #loading .rabbit-loading-steps{grid-template-columns:1fr;}
  #loading .rabbit-loading-status-line{align-items:flex-start;}
}
