/* =========================================================================
   PÁGINA DE REGISTRO
   ========================================================================= */
.reg-hero{position:relative;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}
.reg-hero__bg{
  position:absolute;inset:0;
  background:
    radial-gradient(1100px 600px at 78% 18%, rgba(229,9,20,.28), transparent 60%),
    radial-gradient(900px 500px at 10% 90%, rgba(229,9,20,.12), transparent 60%),
    linear-gradient(180deg,#000 0%,#141414 55%,#141414 100%);
}
.reg-hero__veil{position:absolute;inset:0;background:
  radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.55) 100%);}

.reg-hero__content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;
  justify-content:center;padding:120px clamp(16px,5vw,56px) 60px;max-width:1280px;width:100%;margin:0 auto}

.reg-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center}

/* ---- Copy -------------------------------------------------------------- */
.reg-copy .h-hero{margin-bottom:20px}
.reg-copy .lead{max-width:560px;margin-bottom:26px}
.reg-bullets{list-style:none;display:grid;gap:12px;max-width:560px}
.reg-bullets li{display:flex;gap:12px;align-items:flex-start;color:#e7e7e7;font-size:clamp(15px,1.7vw,17px)}
.reg-bullets li span{color:var(--nf-green);font-weight:900;flex:0 0 auto}

/* ---- Card / Form ------------------------------------------------------- */
.reg-card{padding:clamp(22px,3vw,34px);box-shadow:var(--nf-shadow);max-width:440px;width:100%;justify-self:end}
.reg-card__head{margin-bottom:20px}
.reg-card__head .live-badge{margin-bottom:14px}
.reg-card__head .h-2{margin-bottom:6px}

.reg-form{display:grid;gap:16px}
.reg-field{display:grid;gap:7px}
.reg-field span{font-size:13px;font-weight:700;color:var(--nf-muted);letter-spacing:.02em}
.reg-field input{
  background:#2b2b2b;border:1px solid #3a3a3a;border-radius:var(--nf-radius);
  color:#fff;font-family:inherit;font-size:16px;padding:15px 16px;transition:border .15s,background .15s;
}
.reg-field input::placeholder{color:#8a8a8a}
.reg-field input:focus{outline:none;border-color:var(--nf-red);background:#303030}
.reg-error{color:#ff6b6b;font-size:14px;font-weight:600;min-height:0;display:none}
.reg-error.show{display:block}
.reg-trust{text-align:center;color:var(--nf-muted-2);font-size:12.5px;margin-top:2px}
#btnRegistro:disabled{opacity:.7;cursor:wait}

/* ---- Prova social ------------------------------------------------------ */
.reg-social{display:flex;align-items:center;gap:14px;margin-top:42px;color:var(--nf-muted);font-size:14.5px}
.reg-social b{color:#fff}
.reg-avatars{display:flex}
.reg-avatars .av{width:34px;height:34px;border-radius:50%;border:2px solid var(--nf-bg);
  margin-left:-10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff}
.reg-avatars .av:first-child{margin-left:0}

/* ---- Faixa ------------------------------------------------------------- */
.reg-strip{background:var(--nf-bg-2);border-top:1px solid var(--nf-border);border-bottom:1px solid var(--nf-border);padding:34px 0}
.reg-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.reg-strip__grid span{font-size:30px;font-weight:900;color:var(--nf-red)}
.reg-strip__grid p{color:var(--nf-muted);margin-top:4px;font-size:15px}

.reg-footer{padding:28px 16px;text-align:center;color:var(--nf-muted-2);font-size:13px}

/* ---- Responsivo -------------------------------------------------------- */
@media (max-width:880px){
  .reg-grid{grid-template-columns:1fr;gap:34px}
  .reg-card{justify-self:stretch;max-width:none;order:-1}
  .reg-hero__content{padding-top:100px}
  .reg-strip__grid{grid-template-columns:1fr;gap:18px}
}