.porta{min-height:100dvh;padding:var(--s6,24px);background:radial-gradient(120% 90% at 50% -20%, var(--accent-soft) 0%, transparent 58%), var(--paper);place-items:center;display:grid}.porta__caixa{width:100%;max-width:384px}.porta__marca{align-items:center;gap:10px;margin-bottom:28px;display:flex}.porta__simbolo{background:var(--accent-strong);color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:9px;place-items:center;font-size:19px;font-weight:700;line-height:1;display:grid}.porta__nome{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:700}.porta__cartao{border:1px solid var(--edge);background:var(--card);border-radius:14px;padding:28px;box-shadow:0 1px 2px #17201e0a,0 12px 32px -20px #17201e47}.porta__titulo{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 4px;font-size:21px;font-weight:700}.porta__linha-fina{color:var(--ink-soft);margin:0 0 24px;font-size:14px;line-height:1.5}.porta__campo{margin-bottom:16px}.porta__rotulo{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.porta__entrada{border:1px solid var(--edge);background:var(--card);width:100%;min-height:44px;color:var(--ink);font-family:var(--font-ui);border-radius:9px;padding:0 12px;font-size:15px}.porta__entrada:focus-visible{border-color:var(--accent-strong);outline:2px solid var(--accent-light);outline-offset:1px}.porta__com-olho{position:relative}.porta__com-olho .porta__entrada{padding-right:44px}.porta__olho{width:36px;height:36px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.porta__olho:hover{color:var(--ink);background:var(--sidebar)}.porta__olho:focus-visible{outline:2px solid var(--accent-light);outline-offset:1px}.porta__botao{border:1px solid var(--accent-strong);background:var(--accent-strong);color:#fff;width:100%;min-height:44px;font-family:var(--font-ui);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;margin-top:8px;font-size:15px;font-weight:600;display:flex}.porta__botao:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover)}.porta__botao:disabled{opacity:.55;cursor:progress}.porta__botao:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.porta__recado{border:1px solid var(--correction);background:var(--correction-soft);color:var(--correction);border-radius:9px;gap:9px;margin-bottom:16px;padding:11px 13px;font-size:14px;line-height:1.45;display:flex}.porta__recado svg{flex:none;margin-top:1px}.porta__pe{color:var(--ink-faint);text-align:center;margin-top:20px;font-size:13px;line-height:1.55}.porta__rodape{color:var(--ink-faint);text-align:center;margin-top:20px;font-size:12px;line-height:1.6}.porta__recado--ok{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-ink)}.porta__pe a{color:var(--accent-ink)}.porta__pe a:hover{text-decoration:underline}.porta__turnstile{min-height:65px;margin-bottom:16px}.porta__dica{color:var(--ink-faint);margin:-8px 0 16px;font-size:12.5px;line-height:1.5}