/* =================================================================
   Formulário de qualificação — Aure Digital
   Visual escuro, no mesmo padrão do link da bio (links.auredigital.com.br)
   ================================================================= */
:root{
  --purple:#7C3AED; --magenta:#C026D3; --dark:#1E0A3C;
  --grad:linear-gradient(135deg,#7C3AED,#C026D3);
  --branco:#fff; --suave:rgba(255,255,255,.62); --fraco:rgba(255,255,255,.38);
  --card:rgba(124,58,237,.12); --card-borda:rgba(124,58,237,.28);
  --radius:16px; --wrap:560px;
}
*{box-sizing:border-box;margin:0;padding:0;}
[hidden]{display:none !important;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  min-height:100vh; background:var(--dark);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(124,58,237,.35) 0%, transparent 70%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(192,38,211,.2) 0%, transparent 60%);
  background-attachment:fixed;
  font-family:"Montserrat",system-ui,-apple-system,sans-serif;
  color:var(--branco); font-size:16px; line-height:1.55; overflow-x:hidden;
  display:flex; flex-direction:column;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
main{flex:1;}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto;}

/* ------------------------------ topo ------------------------------ */
.nav{padding:22px 0 6px;}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.nav__tag{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco);}

/* ----------------------------- telas ------------------------------ */
.screen{display:none;}
.screen.is-active{display:block;animation:sobe .3s cubic-bezier(.22,1,.36,1);}
@keyframes sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---------------------------- perguntas --------------------------- */
.quiz{padding:26px 0 60px;}
.quiz__bar{height:4px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;}
.quiz__bar span{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);transition:width .35s cubic-bezier(.22,1,.36,1);}
.quiz__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;}
.quiz__block{font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco);}
.quiz__count{font-size:.78rem;color:var(--fraco);} .quiz__count b{color:var(--branco);}
.quiz__titulo{margin:26px 0 0;text-align:center;font-size:.9rem;font-weight:700;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.quiz__q{margin:8px 0 0;text-align:center;font-weight:800;color:var(--branco);
  font-size:clamp(1.4rem,3.6vw,1.95rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance;}
.quiz__help{margin:14px auto 0;max-width:46ch;text-align:center;font-size:.86rem;color:var(--suave);}
.quiz__opts{display:grid;gap:10px;margin-top:26px;}

.opt{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;
  background:var(--card);border:1px solid var(--card-borda);border-radius:var(--radius);
  color:var(--branco);font-family:inherit;font-size:.98rem;font-weight:700;padding:16px 20px;
  cursor:pointer;transition:background .2s,border-color .2s,transform .15s;}
.opt::before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grad);opacity:0;transition:opacity .2s;}
.opt:hover{border-color:rgba(192,38,211,.55);transform:translateY(-2px);}
.opt:hover::before{opacity:.08;}
.opt:active{transform:translateY(0);}
.opt.is-picked{border-color:rgba(192,38,211,.75);}
.opt.is-picked::before{opacity:.16;}
.opt__t{position:relative;z-index:1;flex:1 1 auto;}
.opt__ajuda{display:block;font-style:normal;font-weight:500;font-size:.8rem;color:rgba(255,255,255,.55);margin-top:3px;}
.opt__go{position:relative;z-index:1;flex:0 0 auto;color:rgba(255,255,255,.4);font-size:1.15rem;line-height:1;}
.opt:hover .opt__go,.opt.is-picked .opt__go{color:#fff;}

/* ----------------------------- botões ----------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;
  font-weight:800;font-size:.98rem;padding:16px 30px;border-radius:99px;border:0;cursor:pointer;
  transition:transform .18s,box-shadow .18s,opacity .18s;}
.btn--primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(124,58,237,.35);}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(192,38,211,.4);}
.btn--primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}
.btn--block{width:100%;margin-top:18px;}
.btn--lg{padding:18px 38px;font-size:1.02rem;}
.linkbtn{background:none;border:0;color:var(--fraco);font-family:inherit;font-size:.88rem;
  cursor:pointer;padding:10px 4px;text-decoration:underline;text-underline-offset:3px;}
.linkbtn:hover{color:var(--branco);}
.quiz__back{display:block;margin:16px auto 0;}
:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;}

/* --------------------------- formulário --------------------------- */
.form{display:grid;gap:14px;margin-top:26px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:clamp(20px,3vw,28px);}
.field{display:grid;gap:6px;}
.field label{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fraco);}
.field input{width:100%;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.14);border-radius:12px;
  color:var(--branco);font-family:inherit;font-size:.98rem;padding:14px 16px;}
.field input::placeholder{color:rgba(255,255,255,.3);}
.field input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(192,38,211,.18);}
.armadilha{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.gate__note{margin:6px 0 0;text-align:center;font-size:.76rem;color:var(--fraco);}

/* ---------------------------- tela final -------------------------- */
.final--tela{padding:56px 0 70px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.68rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--magenta);}
.pixel{width:8px;height:8px;background:var(--grad);}
.final__title{margin:14px 0 0;font-weight:800;font-size:clamp(1.5rem,3.4vw,2.05rem);
  line-height:1.18;letter-spacing:-.02em;text-wrap:balance;}
.final__lead{margin:14px auto 22px;max-width:48ch;color:var(--suave);}
.final__nota{margin:16px 0 0;font-size:.82rem;color:var(--fraco);}
.video{width:100%;aspect-ratio:16/9;margin:6px 0 4px;border-radius:var(--radius);overflow:hidden;background:#000;}
.video iframe{width:100%;height:100%;border:0;display:block;}
.video--vazio{display:grid;place-items:center;padding:26px;text-align:center;color:var(--suave);
  background:var(--card);border:1px dashed var(--card-borda);font-size:.9rem;}

/* ------------------------------ rodapé ---------------------------- */
.footer{border-top:1px solid rgba(255,255,255,.08);padding:26px 0 30px;margin-top:20px;}
.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;}
.footer__contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;}
.footer__mail{font-weight:600;font-size:.88rem;color:var(--suave);}
.footer__mail:hover{color:var(--branco);}
.footer__address{font-style:normal;font-size:.76rem;color:var(--fraco);line-height:1.5;}

@media (max-width:560px){
  .opt{font-size:.94rem;padding:15px 17px;gap:11px;}
  .footer__inner{flex-direction:column;}
  .footer__contact{align-items:flex-start;text-align:left;}
}
@media (prefers-reduced-motion:reduce){ *{transition:none !important;animation:none !important;} }