/* h:dce7f04f */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;-webkit-text-size-adjust:100%}
body{font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100%}

/* ── Fundo amarelo com gradiente ── */
.gate-bg{
  position:fixed;inset:0;
  background:linear-gradient(160deg,#FFD43B 0%,#F5A623 100%);
}
.gate-bg::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25) 0%,transparent 55%),
             radial-gradient(circle at 80% 90%,rgba(0,0,0,.06) 0%,transparent 50%);
}

/* ── Wrapper ── */
.gate-wrap{
  position:fixed;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;
  padding:24px 18px;
}

/* ── Card branco ── */
.gate-card{
  width:100%;max-width:380px;
  background:#fff;
  color:#161820;
  border-radius:28px;padding:36px 28px 28px;
  box-shadow:0 24px 64px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.08);
  text-align:center;
}

/* ── Ícone escudo circular amarelo ── */
.gate-mark{
  width:56px;height:56px;margin:0 auto 16px;
  border-radius:50%;
  background:linear-gradient(135deg,#FFD43B 0%,#F5A623 100%);
  color:#161820;
  display:grid;place-items:center;
  font-weight:800;font-size:1.15rem;
  box-shadow:0 8px 24px rgba(245,166,35,.3);
  position:relative;
}
.gate-mark::after{
  content:"";position:absolute;inset:-4px;
  border-radius:50%;
  border:2px solid rgba(245,166,35,.25);
}
.gate-mark svg{stroke:#161820}

/* ── Título ── */
.gate-card h1{
  font-size:1.22rem;letter-spacing:-.02em;line-height:1.3;
  font-weight:700;color:#161820;margin-top:4px;
}
.gate-card p.gate-sub{
  font-size:.82rem;color:#6b7280;
  font-weight:500;margin-top:8px;line-height:1.4;
}

/* ── Botões verticais ── */
.gate-actions{
  display:flex;flex-direction:column;gap:10px;margin-top:22px;
}
.gate-no,.gate-yes{
  border:0;border-radius:14px;padding:15px 16px;
  font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;
  transition:transform .12s,box-shadow .12s;
}
.gate-yes{
  background:linear-gradient(135deg,#FFD43B 0%,#F5A623 100%);
  color:#161820;
  box-shadow:0 6px 20px rgba(245,166,35,.3);
  order:-1;
}
.gate-no{
  background:#f3f4f6;
  color:#6b7280;
}
.gate-no:active,.gate-yes:active{transform:scale(.97)}

/* ── Links ── */
.gate-links{
  margin-top:20px;font-size:.7rem;font-weight:600;
  color:#9ca3af;
}
.gate-links a{color:#0f9153;text-decoration:none}

/* ── Deny state ── */
.gate-deny h1{margin-bottom:8px}
.gate-deny p{font-size:.88rem;color:#6b7280;font-weight:500}
.hidden{display:none}

/* ── Animação de entrada ── */
@keyframes gateIn{
  from{opacity:0;transform:translateY(20px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.gate-card{animation:gateIn .5s cubic-bezier(.22,1,.36,1) forwards}

@media(max-width:360px){
  .gate-card{padding:28px 20px 22px}
}