/* Gestor7 — estilos (tema claro) */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:"Manrope",system-ui,sans-serif;color:#0B1220;
  background:#F5F8FC;
  background-image:
    radial-gradient(58% 50% at 20% 6%, rgba(59,110,246,.12), transparent 62%),
    radial-gradient(52% 52% at 90% 96%, rgba(22,192,166,.10), transparent 62%);
  display:grid;grid-template-rows:1fr auto;min-height:100dvh;
  -webkit-font-smoothing:antialiased;
}
main{display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:24px;padding:40px 24px}
.marca{width:112px;height:112px;filter:drop-shadow(0 18px 40px rgba(59,110,246,.28));
  opacity:0;transform:translateY(12px) scale(.96);animation:surgir .8s cubic-bezier(.2,.8,.2,1) forwards}
.palavra{font-family:"Sora",sans-serif;font-weight:700;letter-spacing:-.03em;
  font-size:clamp(44px,11vw,74px);line-height:1;color:#0B1220;
  opacity:0;transform:translateY(12px);animation:subir .7s .12s cubic-bezier(.2,.8,.2,1) forwards}
.palavra .sete{background:linear-gradient(135deg,#3B6EF6,#16C0A6);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.tag{color:#56678A;max-width:30ch;font-size:clamp(15px,3.6vw,18px);line-height:1.5;
  opacity:0;transform:translateY(12px);animation:subir .7s .2s cubic-bezier(.2,.8,.2,1) forwards}
.pirula{display:inline-flex;align-items:center;gap:9px;margin-top:6px;
  padding:8px 16px;border:1px solid rgba(11,18,32,.10);border-radius:100px;
  background:#fff;color:#56678A;font-size:13px;font-weight:600;letter-spacing:.02em;
  box-shadow:0 1px 2px rgba(11,18,32,.04),0 10px 24px -14px rgba(11,18,32,.18);
  opacity:0;animation:subir .7s .3s cubic-bezier(.2,.8,.2,1) forwards}
.pirula .ponto{width:8px;height:8px;border-radius:50%;
  background:linear-gradient(135deg,#3B6EF6,#16C0A6);animation:pulsar 2.4s ease-out infinite}
footer{text-align:center;padding:26px;color:#94A2B8;font-size:12.5px;letter-spacing:.04em}
@keyframes surgir{to{opacity:1;transform:none}}
@keyframes subir{to{opacity:1;transform:none}}
@keyframes pulsar{0%{box-shadow:0 0 0 0 rgba(22,192,166,.45)}70%{box-shadow:0 0 0 10px rgba(22,192,166,0)}100%{box-shadow:0 0 0 0 rgba(22,192,166,0)}}
@media (prefers-reduced-motion:reduce){.marca,.palavra,.tag,.pirula{animation:none;opacity:1;transform:none}.pirula .ponto{animation:none}}