/* Elleven · telas de entrada (login, sem assinatura) e guia de primeiro acesso.
   Mesmo visual do quiz da landing: fundo escuro, arco da aura embaixo, vidro e botão branco. */
body.fora > :not(#entrar):not(.modal):not(.toasts):not(script){ visibility:hidden; }
#entrar{
  position:fixed; inset:0; z-index:200; overflow:auto; display:flex; flex-direction:column; align-items:center;
  padding:24px 20px 48px; color:#F7F2EC; font-family:"Inter Tight", system-ui, sans-serif;
  background:#0B0A0F url("../assets/aura-arco.jpg") no-repeat center bottom -10vh / max(100%, 900px) auto;
}
.entrar__top img{ display:block; width:13rem; max-width:56vw; height:auto; }
.entrar__box{ width:100%; max-width:30rem; margin:auto 0; padding:32px 0 10vh; text-align:center; animation:entrar-in .5s cubic-bezier(.22,1,.36,1) both; }
@keyframes entrar-in{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.entrar__h1{ font-size:clamp(2rem, 1.6rem + 1.6vw, 2.6rem); font-weight:800; line-height:1.15; letter-spacing:-.02em; text-wrap:balance; }
.entrar__emoji{ display:inline-block; margin-left:.22em; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; font-weight:400; transform:rotate(-5deg); }
.entrar__lead{ margin:14px auto 0; max-width:28rem; font-size:15.5px; line-height:1.6; color:#B9B0C2; }
.entrar__lead b{ color:#F7F2EC; }
.entrar__form{ margin-top:28px; display:grid; gap:12px; }
.entrar__input{
  width:100%; height:60px; padding:0 20px; border-radius:22px; text-align:center; font:500 17px "Inter Tight", sans-serif; color:#F7F2EC; outline:none;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); transition:border-color .2s, box-shadow .2s;
}
.entrar__input::placeholder{ color:#8E8698; }
.entrar__input:focus{ border-color:rgba(255,88,181,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 4px rgba(255,88,181,.14); }
.entrar__input--codigo{ font-size:28px; font-weight:700; letter-spacing:.4em; padding-left:calc(20px + .4em); }
.entrar__btn{
  display:flex; align-items:center; justify-content:center; width:100%; height:52px; margin-top:4px; border:0; border-radius:999px; cursor:pointer;
  background:#fff; color:#181717; font:600 16px "Inter Tight", sans-serif; text-decoration:none;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08), 0 10px 28px rgba(0,0,0,.3); transition:transform .2s, opacity .2s;
}
a.entrar__btn{ margin-top:28px; }
.entrar__btn:hover:not(:disabled){ transform:translateY(-2px); }
.entrar__btn:disabled{ opacity:.6; cursor:default; }
.entrar__msg{ min-height:20px; font-size:14px; color:#FF9AB0; }
.entrar__mini{ margin-top:18px; font-size:14px; color:#A79FAE; }
.entrar__mini a, .entrar__mini button{ color:#F7F2EC; text-decoration:underline; background:none; border:0; font:inherit; cursor:pointer; padding:0; }

/* guia de primeiro acesso (dentro do modal do app) */
.guia{ text-align:center; }
.guia__dots{ display:flex; justify-content:center; gap:6px; }
.guia__dots i{ width:22px; height:5px; border-radius:999px; background:rgba(255,255,255,.14); transition:background-color .3s, width .3s; }
.guia__dots i.is-done{ background:rgba(255,88,181,.5); }
.guia__dots i.is-on{ width:34px; background:linear-gradient(90deg, #FF58B5, #E70138); }
.guia__emoji{ margin:22px 0 10px; font-size:56px; line-height:1; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif; animation:guia-pula .6s cubic-bezier(.34,1.56,.64,1) both; }
@keyframes guia-pula{ from{ opacity:0; transform:scale(.4) rotate(-12deg); } to{ opacity:1; transform:none; } }

/* selo "em evolução" no topo */
.beta-pill{ display:inline-flex; align-items:center; height:24px; padding:0 10px; margin-left:10px; border-radius:999px; font-size:11px; font-weight:700; letter-spacing:.04em;
  color:#FFD1EA; background:rgba(255,88,181,.14); border:1px solid rgba(255,88,181,.35); cursor:help; }

/* na tela de entrada o cursor personalizado do app fica escondido: volta a setinha normal */
body.fora.has-cursor, body.fora.has-cursor *{ cursor:auto !important; }
body.fora.has-cursor a, body.fora.has-cursor button{ cursor:pointer !important; }
body.fora.has-cursor input{ cursor:text !important; }

/* aviso: o match não mede o nível de vôlei */
.aviso-nivel{ display:flex; gap:10px; align-items:flex-start; padding:14px 16px; border-radius:18px; background:rgba(255,196,0,.08); border:1px solid rgba(255,196,0,.28); }
.aviso-nivel span{ font-size:18px; line-height:1.3; font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif; }
.aviso-nivel p{ font-size:13.5px; line-height:1.55; color:var(--text-2, #CFC6D6); }
.aviso-nivel b{ color:var(--text, #F7F2EC); }
.aviso-nivel--linha{ margin-bottom:14px; }