/* Tela de entrada (/entrar, /entrar/codigo, /criar-conta): coluna da marca e abas de acesso. */

/* Tabs */
.tabs{display:flex;gap:4px;padding:4px;background:#E4E8EE;border-radius:8px}
.tab{flex:1;min-height:44px;border:0;border-radius:6px;background:transparent;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.tab[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,45,.12)}

/* ========== Entrada ========== */
.entry{min-height:100vh;display:flex;flex-wrap:wrap}
.entry-aside{flex:1 1 420px;background:var(--navy);color:#E6ECF5;padding:48px 56px;display:flex;flex-direction:column;gap:40px}
.entry-aside h1{font-family:var(--serif);font-weight:500;font-size:40px;line-height:1.15;color:#fff;text-wrap:pretty;max-width:460px}
.entry-aside .lead{font-size:16px;color:#C9D4E5;max-width:460px;margin-top:16px}
.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px;max-width:460px}
.steps li{display:flex;gap:16px}
.steps .n{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.45);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}
.steps li:first-child .n{background:#fff;color:var(--navy);border-color:#fff}
.steps strong{display:block;color:#fff;font-weight:600}
.steps span.d{font-size:14px;color:#C9D4E5}
.aside-foot{margin-top:auto;display:flex;gap:12px;align-items:flex-start;max-width:460px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-size:14px;color:#C9D4E5}
.aside-foot svg{flex:none;margin-top:1px;color:#fff}
.entry-main{flex:999 1 520px;min-width:0;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.entry-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:24px}
.entry-head{display:flex;flex-direction:column;gap:6px}
.entry-head h2{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.2}
.entry-head p{color:var(--muted)}
.entry-head strong{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.grid-2 + .hint{margin-top:-6px}

@media (max-width:760px){
  .entry-aside{padding:28px 16px 24px;gap:14px;flex-basis:100%}
  .brand{font-size:15px}.brand-mark{width:32px;height:32px;font-size:14px;border-radius:7px}
  .entry-aside h1{font-size:22px;line-height:1.25}
  .entry-aside .lead,.entry-aside .steps{display:none}
  .aside-foot{display:none}
  .entry-main{padding:24px 16px 32px;align-items:flex-start}
  .entry-head h2{font-size:24px}
  .mobile-foot{display:flex!important}
}
.mobile-foot{display:none;gap:10px;font-size:13px;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}
.mobile-foot svg{flex:none;margin-top:2px}