/* app-wake.css — overlay de "acordando o app" ao clicar em Entrar/Cadastrar.
   Escopado com o prefixo chp-wake-/chp-ring- para não colidir com o resto da landing.
   Ver landing/app-wake.js. */

.chp-wake-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(28,25,23,.92); /* var(--lp-dark) com opacidade */
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease;
}
.chp-wake-overlay.is-visible{
  opacity:1;
  visibility:visible;
}

.chp-wake-panel{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  max-width:360px;
  text-align:center;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
}

.chp-wake-message{
  margin:0;
  font-size:15px;
  font-weight:600;
  color:#FFFFFF;
  line-height:1.5;
}

.chp-wake-retry{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.chp-wake-retry-btn{
  font-size:14px;
  font-weight:700;
  color:var(--lp-ink);
  background:var(--lp-panel);
  border:none;
  border-radius:999px;
  padding:11px 22px;
  cursor:pointer;
  font-family:inherit;
}
.chp-wake-retry-btn:hover{background:var(--lp-bg)}
.chp-wake-direct-link{
  font-size:13px;
  font-weight:600;
  color:var(--lp-brand-soft-line);
  text-decoration:underline;
}
.chp-wake-direct-link:hover{color:#FFFFFF}

/* ══════════════════════════════════════════════════════════════════════
   LOADER — ldrs.co "Ring", variante HTML+CSS pura (sem JS/CDN externo).
   Para trocar de loader: troque só este bloco (.chp-loader-ring até o fim
   dos @keyframes chp-ring-*) e o innerHTML montado em app-wake.js pelo
   HTML+CSS de outro loader da aba "HTML & CSS" do ldrs.co.
   ══════════════════════════════════════════════════════════════════════ */
.chp-loader-ring{
  --chp-ring-size:46px;
  --chp-ring-color:var(--lp-brand);
  --chp-ring-speed:2s;
  --chp-ring-bg-opacity:.35;
  display:inline-flex;
}
.chp-ring-svg{
  height:var(--chp-ring-size);
  width:var(--chp-ring-size);
  transform-origin:center;
  animation:chp-ring-rotate var(--chp-ring-speed) linear infinite;
  overflow:visible;
}
.chp-ring-car{
  fill:none;
  stroke:var(--chp-ring-color);
  stroke-dasharray:1,200;
  stroke-dashoffset:0;
  stroke-linecap:round;
  animation:chp-ring-stretch calc(var(--chp-ring-speed) * .75) ease-in-out infinite;
}
.chp-ring-track{
  fill:none;
  stroke:var(--chp-ring-color);
  opacity:var(--chp-ring-bg-opacity);
}
@keyframes chp-ring-rotate{
  100%{transform:rotate(360deg)}
}
@keyframes chp-ring-stretch{
  0%{stroke-dasharray:0,150;stroke-dashoffset:0}
  50%{stroke-dasharray:75,150;stroke-dashoffset:-25}
  100%{stroke-dashoffset:-99}
}
/* ══ /LOADER ══ */