/* Nina · área de membros. Mesmos tokens da página de vendas; fontes próprias, sem recurso de terceiros. */
:root{
  --papel:oklch(98.4% 0.004 95);--branco:oklch(99.6% 0.002 95);--faixa:oklch(95.4% 0.014 250);
  --linha:oklch(87% 0.016 250);--tinta:oklch(25% 0.045 258);--tinta-2:oklch(41% 0.035 258);
  --marca:oklch(85% 0.15 84);--marca-hover:oklch(80% 0.16 78);
  --verde:oklch(46% 0.1 156);--verde-suave:oklch(94.5% 0.035 158);
  --falta-tinta:oklch(46% 0.16 32);--falta-fundo:oklch(97% 0.02 40);--falta-borda:oklch(64% 0.15 34);
  --f-titulo:'Bricolage Grotesque','Avenir Next','Segoe UI',sans-serif;
  --f-texto:'Figtree','Avenir Next','Segoe UI',sans-serif;
  --r-1:6px;--r-2:10px;--ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--f-texto);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}
h1{font-family:var(--f-titulo);font-weight:700;font-size:clamp(1.6rem,6vw,2rem);line-height:1.15;letter-spacing:-.012em;margin:0 0 8px;text-wrap:balance}
p{margin:0 0 14px;color:var(--tinta-2)}
:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}
.marca-nome{font-family:var(--f-titulo);font-weight:800;font-size:1.45rem;letter-spacing:-.03em;color:var(--tinta);text-decoration:none;display:inline-block;margin-bottom:22px}
.caixa{width:100%;max-width:26rem;margin:0 auto;padding:40px 16px 56px}
label{display:block;font-size:.9rem;font-weight:600;margin:16px 0 6px;color:var(--tinta)}
input{width:100%;min-height:48px;font:inherit;font-size:1rem;color:var(--tinta);background:var(--branco);border:1.5px solid var(--linha);border-radius:var(--r-2);padding:10px 12px}
input:focus{border-color:var(--tinta)}
.senha-linha{position:relative}
.senha-linha input{padding-right:84px}
.ver{position:absolute;right:2px;top:50%;transform:translateY(-50%);min-height:44px;padding:0 12px;border:0;background:transparent;color:var(--tinta-2);font:inherit;font-size:.9rem;font-weight:600;text-decoration:underline;cursor:pointer;border-radius:var(--r-1)}
.botao{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:54px;padding:12px 20px;margin-top:22px;border-radius:var(--r-2);background:var(--marca);color:var(--tinta);font-family:var(--f-titulo);font-weight:700;font-size:1.08rem;line-height:1.3;text-decoration:none;border:2px solid var(--tinta);box-shadow:0 3px 0 var(--tinta);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s;touch-action:manipulation}
@media (hover:hover){.botao:hover:not(:disabled){background:var(--marca-hover);transform:translateY(-2px);box-shadow:0 5px 0 var(--tinta)}}
.botao:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--tinta)}
.botao:disabled{opacity:.6;cursor:wait}
.botao--verde{background:var(--verde);color:#fff}
.botao--fino{width:auto;min-height:44px;margin:0;padding:8px 16px;font-size:.95rem;box-shadow:none;background:var(--branco)}
.link{display:block;text-align:center;margin-top:4px;font-size:.95rem;color:var(--tinta-2)}
.link a{color:var(--tinta-2);display:inline-block;padding:10px 12px;min-height:44px}
.aviso{margin:16px 0 0;padding:12px 14px;border-radius:var(--r-2);border:1.5px solid var(--falta-borda);background:var(--falta-fundo);color:var(--falta-tinta);font-size:.95rem;line-height:1.5}
.aviso a{color:inherit;font-weight:600}
.aviso[hidden]{display:none}
.aviso--ok{border-color:var(--verde);background:var(--verde-suave);color:var(--verde)}
.dica{font-size:.85rem;color:var(--tinta-2);margin:6px 0 0}
.suporte{margin-top:26px;padding:16px;border-radius:12px;background:var(--verde-suave);text-align:center}
.suporte b{display:block;color:var(--tinta)}
.suporte p{margin:6px 0 0}
.suporte .botao{margin-top:14px}
.lista{margin:0 0 14px;padding-left:20px;color:var(--tinta-2)}
.lista li{margin-bottom:6px}
.topo-manual{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--linha);background:var(--branco)}
.topo-manual .marca-nome{margin:0}
.miolo{max-width:36rem;margin:0 auto;padding:32px 16px 56px}