[data-rota=auth]{--text:#1d1d1f;--muted:#6e6e73;--muted-2:#8e8e93;--border:#e6e6e7;--campo:#fff}:where([data-rota=auth]) .panel{background:#f7f7f7;border-radius:20px;align-items:stretch;display:flex;position:fixed;inset:20px;overflow:hidden}:where([data-rota=auth]) .lado{color:#fff;background:#1f3fc3;border-radius:20px;flex-direction:column;flex:1;justify-content:space-between;min-width:0;margin:20px;padding:36px;display:flex;position:relative;overflow:hidden}:where([data-rota=auth]) .lado:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 85% 8%,#fff3,#0000 60%),radial-gradient(90% 70% at 10% 100%,#0000002e,#0000 55%);position:absolute;inset:0}:where([data-rota=auth]) .lado>*{z-index:1;position:relative}:where([data-rota=auth]) .lado .marca{letter-spacing:-.01em;font-size:19px;font-weight:635}:where([data-rota=auth]) .lado .mae{flex:1;place-items:center;padding:12px 0;display:grid}:where([data-rota=auth]) .lado .mae img{filter:drop-shadow(0 26px 44px #00000038);width:min(58%,260px);height:auto;transition:opacity var(--mov-medio,.22s) ease}:where([data-rota=auth]) .lado .frase{letter-spacing:-.022em;max-width:15ch;font-size:clamp(30px,3.4vw,46px);font-weight:545;line-height:1.1}:where([data-rota=auth]) .lado .antes{opacity:.85;margin-bottom:14px;font-size:17px;font-weight:465}:where([data-rota=auth]) .lado .marca{font-size:22px}:where([data-rota=auth]) .pontos{gap:8px;margin-top:32px;display:flex}:where([data-rota=auth]) .pontos i{width:34px;height:4px;transition:background var(--mov-medio,.22s);background:#ffffff57;border-radius:100px}:where([data-rota=auth]) .pontos i.on{background:#fff}:where([data-rota=auth]) .forma{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;padding:40px 24px;display:flex;overflow-y:auto}:where([data-rota=auth]) .caixa{flex-direction:column;width:100%;max-width:392px;display:flex}:where([data-rota=auth]) .caixa form{flex-direction:column;display:flex}:where([data-rota=auth]) .pri,:where([data-rota=auth]) .alt{width:100%}:where([data-rota=auth]) .caixa h1{letter-spacing:-.02em;color:var(--text);text-align:center;font-size:38px;font-weight:545}:where([data-rota=auth]) .caixa h1+form,:where([data-rota=auth]) .caixa h1+.campo,:where([data-rota=auth]) .caixa h1+.digitos{margin-top:30px}:where([data-rota=auth]) .caixa .sub{font-size:var(--fs-md,15px);color:var(--muted);text-align:center;margin-top:14px;font-weight:390;line-height:22px}:where([data-rota=auth]) .caixa .sub+form,:where([data-rota=auth]) .caixa .sub+.digitos{margin-top:26px}:where([data-rota=auth]) .campo{flex-direction:column;gap:6px;margin-top:14px;display:flex;position:relative}:where([data-rota=auth]) .campo>input{background:var(--campo);border:1px solid var(--border);width:100%;height:52px;font-family:var(--sans);font-size:var(--fs-md,15px);color:var(--text);transition:border-color var(--mov-rapido,.12s), background var(--mov-rapido,.12s);border-radius:100px;outline:0;padding:0 20px}:where([data-rota=auth]) .campo>input::placeholder{color:var(--muted-2)}:where([data-rota=auth]) .campo>input:focus{background:#fff;border-color:#1f3fc3}:where([data-rota=auth]) .campo>input[aria-invalid=true]{background:#fdf2f3;border-color:#c42b38}:where([data-rota=auth]) .campo .olho{cursor:pointer;width:38px;height:38px;color:var(--muted-2);background:0 0;border:0;border-radius:100px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}:where([data-rota=auth]) .campo .olho:hover{color:var(--text);background:#0000000a}:where([data-rota=auth]) .campo .olho svg{width:19px;height:19px}:where([data-rota=auth]) .erro{font-size:var(--fs-sm,14px);color:#c42b38;align-items:flex-start;gap:8px;margin-top:12px;font-weight:390;line-height:20px;display:flex}:where([data-rota=auth]) .erro svg{flex:none;width:17px;height:17px;margin-top:1px}:where([data-rota=auth]) .pri{cursor:pointer;color:#fff;height:52px;font-family:var(--sans);font-size:var(--fs-md,15px);transition:background var(--mov-rapido,.12s), opacity var(--mov-rapido,.12s);background:#1f3fc3;border:0;border-radius:100px;justify-content:center;align-items:center;gap:9px;margin-top:16px;font-weight:545;display:inline-flex}:where([data-rota=auth]) .pri:hover:not(:disabled){background:#1a35a8}:where([data-rota=auth]) .pri:disabled{opacity:.45;cursor:not-allowed}:where([data-rota=auth]) .pri .roda{border:2px solid #fff6;border-top-color:#fff;border-radius:100px;width:17px;height:17px;animation:.7s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:where([data-rota=auth]) .pri .roda{animation:none}}:where([data-rota=auth]) .ou{color:var(--muted-2);font-size:var(--fs-sm,14px);align-items:center;gap:14px;margin:22px 0 4px;display:flex}:where([data-rota=auth]) .ou:before,:where([data-rota=auth]) .ou:after{content:"";background:var(--border);flex:1;height:1px}:where([data-rota=auth]) .alt{border:1px solid var(--border);cursor:pointer;height:52px;font-family:var(--sans);font-size:var(--fs-md,15px);color:var(--text);transition:border-color var(--mov-rapido,.12s), background var(--mov-rapido,.12s);background:#fff;border-radius:100px;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-weight:465;display:inline-flex}:where([data-rota=auth]) .alt:hover{background:#fcfcfd;border-color:#cfd0d6}:where([data-rota=auth]) .alt svg,:where([data-rota=auth]) .alt img{width:19px;height:19px}:where([data-rota=auth]) .liga{cursor:pointer;font-family:var(--sans);font-size:var(--fs-sm,14px);color:#1f3fc3;background:0 0;border:0;padding:0;font-weight:465;text-decoration:none}:where([data-rota=auth]) .liga:hover{text-decoration:underline}:where([data-rota=auth]) .rodape{font-size:var(--fs-sm,14px);justify-content:center;gap:22px;margin-top:26px;display:flex}:where([data-rota=auth]) .rodape a{color:var(--muted);text-decoration:none}:where([data-rota=auth]) .rodape a:hover{color:var(--text)}:where([data-rota=auth]) .trocar{text-align:center;font-size:var(--fs-sm,14px);color:var(--muted);margin-top:22px}:where([data-rota=auth]) .digitos{justify-content:center;gap:9px;margin-top:16px;display:flex}:where([data-rota=auth]) .digitos input{text-align:center;background:var(--campo);width:52px;height:60px;font-family:var(--sans);color:var(--text);transition:border-color var(--mov-rapido,.12s), background var(--mov-rapido,.12s);border:1px solid #0000;border-radius:14px;outline:0;font-size:24px;font-weight:545}:where([data-rota=auth]) .digitos input:focus{background:#fff;border-color:#1f3fc3}@media (max-width:900px){:where([data-rota=auth]) .lado{display:none}:where([data-rota=auth]) .forma{padding:28px 20px}}@media (max-width:640px){:where([data-rota=auth]) .panel{border-radius:16px;inset:8px}:where([data-rota=auth]) .caixa h1{font-size:30px}:where([data-rota=auth]) .digitos input{width:44px;height:54px;font-size:21px}}