/* ══════════════════════════════════════════════════════════════════════════
   TINO CRM · TELAS DE ACESSO (login, esqueci, redefinir)       2026-09-16
   Carregada depois do <style> da página. Só apresentação.
   · mesma família do resto do Tino: Space Grotesk + Inter;
   · "Voltar ao site" não fica mais por cima da marca;
   · o rodapé da coluna escura não encosta na lista;
   · rótulos em texto, não em fonte de código.
   Rollback: remover a <link> "crm-auth" da página.
   ══════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;
  src:url("fonts/space-grotesk-var-latin.woff2?v=1") format("woff2")}
@font-face{font-family:"Inter Local";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("fonts/inter-var-latin.woff2?v=1") format("woff2")}
:root{
  --disp:"Space Grotesk","Inter","Inter Local",system-ui,sans-serif;
  --body:"Inter","Inter Local",system-ui,sans-serif;
}
h1,.btag h2,.bhead b,button.go{font-weight:600}
label{font-family:var(--body);font-weight:600;letter-spacing:.04em}
.bfoot{font-family:var(--body);margin-top:28px}

/* marca oficial plana (sem o selo 3D) */
.bmark{background:transparent;border:0;box-shadow:0 10px 28px -14px rgba(0,0,0,.7)}
.bmark img{width:56px;height:56px;border-radius:16px;object-fit:cover}

/* desktop: o botão fixo ocupava o mesmo canto da marca */
@media (min-width:861px){
  .brand .bhead{margin-top:40px}
}

:where(a,button,input,[tabindex]):focus-visible{outline:2px solid #d9ae4a;outline-offset:2px}
button.go{transition:transform .16s cubic-bezier(.16,1,.3,1),box-shadow .16s ease,filter .16s ease}
button.go:active{transform:translateY(1px) scale(.99)}

@keyframes caRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .form .card>*{animation:caRise .55s cubic-bezier(.16,1,.3,1) both}
  .form .card>:nth-child(2){animation-delay:.05s}
  .form .card>:nth-child(3){animation-delay:.1s}
  .form .card>:nth-child(4){animation-delay:.15s}
  .form .card>:nth-child(5){animation-delay:.2s}
  .form .card>:nth-child(n+6){animation-delay:.25s}
  .brand .btag,.brand .feats{animation:caRise .7s cubic-bezier(.16,1,.3,1) .15s both}
}