/* Login form — use with header-footer.css; dark band in main */
:root{--login-bg:#1e1e1e;--login-input-bg:#2a2a2a;--login-input-border:#3d3d3d;--login-placeholder:#9a9a9a;--login-muted:#8a8a8a;--login-yellow:#ffc107;--login-radius:10px;--login-spot-card:#242424;--login-spot-card2:#181818}
body.login-page{display:flex;flex-direction:column;min-height:100vh;margin:0}
body.login-page .login-screen{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:2rem 0 2.5rem;background:var(--login-bg)}
.login-screen__inner{display:flex;flex-direction:column;gap:2rem;width:100%}
/* H1 page hero — distinct from H2-style form blocks: display title, mark, eyebrow, lede column */
.login-hero{
  margin:0;
  position:relative;
  align-self:center;
  width:100%;
  max-width:min(52rem,100%);
  padding:0 0 1.75rem;
}
.login-hero::after{
  content:"";
  display:block;
  height:1px;
  margin-top:1.75rem;
  background:linear-gradient(90deg,transparent,rgba(255,193,7,.45),rgba(255,255,255,.12),transparent);
  opacity:.9;
}
.login-hero__head{
  display:flex;
  align-items:flex-start;
  gap:clamp(1rem,3.5vw,1.75rem);
  margin:0 0 1.35rem;
}
.login-hero__mark{
  flex-shrink:0;
  width:clamp(3.35rem,8vw,4.25rem);
  height:clamp(3.35rem,8vw,4.25rem);
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--login-yellow);
  background:
    radial-gradient(circle at 30% 25%,rgba(255,193,7,.22) 0%,transparent 55%),
    linear-gradient(155deg,#2a2418 0%,#141210 100%);
  border:1px solid rgba(255,193,7,.28);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35) inset,
    0 10px 28px rgba(0,0,0,.45),
    0 0 40px rgba(255,193,7,.08);
}
.login-hero__mark-icon{
  width:55%;
  height:55%;
  display:block;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));
}
.login-hero__head-main{
  flex:1;
  min-width:0;
  padding-top:.15rem;
}
.login-hero__eyebrow{
  margin:0 0 .45rem;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(255,193,7,.88);
  line-height:1.3;
}
.login-hero__title{
  margin:0;
  font-size:clamp(1.85rem,calc(0.5rem + 4.2vw),2.85rem);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.035em;
  color:#fafafa;
  text-wrap:balance;
  text-shadow:0 2px 24px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.04);
}
.login-hero__lede{
  border-left:3px solid transparent;
  border-image:linear-gradient(180deg,var(--login-yellow),rgba(255,193,7,.15)) 1;
  padding-left:clamp(.85rem,2vw,1.15rem);
  margin-left:calc(clamp(3.35rem,8vw,4.25rem) + clamp(1rem,3.5vw,1.75rem));
}
.login-hero__intro{
  margin:0 0 1rem;
  color:#c9c9c9;
  line-height:1.72;
  font-size:1rem;
  max-width:62ch;
}
.login-hero__intro:last-child{margin-bottom:0}
.login-hero__intro--secondary{
  margin-top:0;
  color:#a5a5a5;
  font-size:.92rem;
  line-height:1.68;
}
@media (max-width:640px){
  .login-hero__head{
    flex-direction:column;
    align-items:center;
    text-align:center;
    margin-bottom:1.25rem;
  }
  .login-hero__head-main{
    padding-top:0;
  }
  .login-hero__eyebrow{
    letter-spacing:.16em;
  }
  .login-hero__lede{
    margin-left:0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.1);
    padding:1.1rem 0 0;
    padding-left:0;
  }
  .login-hero__intro{
    max-width:none;
  }
}

/* Baixar page — hero CTAs (Android / iOS) */
.baixar-hero-cta{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1rem;
  justify-content:center;
  align-items:center;
  align-self:center;
  width:100%;
  max-width:min(52rem,100%);
  margin:-.25rem 0 0;
  padding:0;
}
.baixar-hero-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.85rem;
  padding:.68rem 1.55rem;
  border-radius:999px;
  font-weight:800;
  font-size:.93rem;
  letter-spacing:.02em;
  text-decoration:none;
  text-align:center;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
  border:1px solid transparent;
}
.baixar-hero-cta__btn--android{
  background:linear-gradient(155deg,#4ade80 0%,#16a34a 55%,#14532d 100%);
  color:#052e16;
  border-color:rgba(255,255,255,.12);
  box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);
}
.baixar-hero-cta__btn--ios{
  background:linear-gradient(155deg,#7dd3fc 0%,#38bdf8 45%,#1e40af 100%);
  color:#f0f9ff;
  border-color:rgba(255,255,255,.1);
  box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15);
}
.baixar-hero-cta__btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
}
.baixar-hero-cta__btn:focus-visible{
  outline:2px solid var(--login-yellow);
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce){
  .baixar-hero-cta__btn{
    transition:none;
  }
  .baixar-hero-cta__btn:hover{
    transform:none;
  }
}
@media (max-width:640px){
  .baixar-hero-cta{
    flex-direction:column;
    width:100%;
  }
  .baixar-hero-cta__btn{
    width:100%;
    max-width:20rem;
  }
}
#download-android,
#download-ios{
  scroll-margin-top:6rem;
}

/* Login form — spotlight card (main CTA of this page) */
.login-hero + .login-form{
  margin-top:.35rem;
}
.login-form{
  position:relative;
  width:100%;
  max-width:min(460px,100%);
  align-self:center;
  margin:0 auto 1.25rem;
  padding:2rem 1.85rem 1.95rem;
  border-radius:16px;
  background:
    radial-gradient(130% 100% at 50% 0%,rgba(255,193,7,.16) 0%,transparent 52%),
    linear-gradient(165deg,var(--login-spot-card) 0%,var(--login-spot-card2) 100%);
  border:1px solid rgba(255,193,7,.28);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45) inset,
    0 1px 0 rgba(255,255,255,.07) inset,
    0 32px 64px rgba(0,0,0,.5),
    0 0 120px rgba(255,193,7,.1);
  isolation:isolate;
}
.login-form::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:0;
  height:3px;
  border-radius:0 0 6px 6px;
  background:linear-gradient(90deg,transparent,rgba(255,193,7,.85),rgba(255,220,120,.6),rgba(255,193,7,.85),transparent);
  opacity:.95;
  pointer-events:none;
  z-index:1;
}
.login-form__title{
  margin:0 0 1.65rem;
  font-size:clamp(1.4rem,3.5vw,1.7rem);
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.02em;
  color:#fff;
  text-align:center;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.login-form__title::after{
  content:"";
  display:block;
  width:3.25rem;
  height:3px;
  margin:1rem auto 0;
  border-radius:3px;
  background:linear-gradient(90deg,transparent,var(--login-yellow),transparent);
  opacity:.9;
}
.login-form__field{
  display:block;
  margin-bottom:1.05rem;
}
.login-form__field--password{
  position:relative;
  margin-bottom:1.35rem;
}
.login-form__field input{
  width:100%;
  padding:1rem 1.1rem;
  font-size:1.02rem;
  line-height:1.35;
  color:#f5f5f5;
  background:rgba(20,20,20,.65);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  outline:none;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.login-form__field--password input{
  padding-right:3rem;
}
.login-form__field input::placeholder{
  color:var(--login-placeholder);
}
.login-form__field input:hover{
  border-color:rgba(255,255,255,.18);
}
.login-form__field input:focus{
  border-color:rgba(255,193,7,.55);
  background:rgba(28,28,28,.85);
  box-shadow:0 0 0 3px rgba(255,193,7,.14),0 4px 16px rgba(0,0,0,.35);
}
.login-form__eye{
  position:absolute;
  right:.55rem;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:var(--login-placeholder);
  cursor:pointer;
  transition:color .15s ease,background .15s ease;
}
.login-form__eye:hover{
  color:#e0e0e0;
  background:rgba(255,193,7,.1);
}
.login-form__eye svg{
  width:1.3rem;
  height:1.3rem;
  display:block;
}
.login-form__submit{
  width:100%;
  margin-top:.35rem;
  padding:1.05rem 1.15rem;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#1a1200;
  background:linear-gradient(180deg,#ffd54a 0%,var(--login-yellow) 45%,#e6ac00 100%);
  border:0;
  border-radius:12px;
  cursor:pointer;
  box-shadow:
    0 1px 0 rgba(255,255,255,.35) inset,
    0 8px 24px rgba(255,193,7,.28),
    0 4px 12px rgba(0,0,0,.35);
  transition:filter .15s ease,transform .12s ease,box-shadow .15s ease;
}
.login-form__submit:hover{
  filter:brightness(1.06);
  box-shadow:
    0 1px 0 rgba(255,255,255,.4) inset,
    0 12px 32px rgba(255,193,7,.35),
    0 6px 16px rgba(0,0,0,.4);
}
.login-form__submit:active{
  transform:scale(.985);
}
.login-form__disclaimer{
  margin:1.25rem 0 0;
  font-size:.76rem;
  line-height:1.45;
  color:var(--login-muted);
  text-align:center;
}
.login-form__forgot{
  margin:1.05rem 0 0;
  font-size:.9rem;
  color:var(--login-muted);
  text-align:center;
}
.login-form__forgot a{
  color:rgba(255,213,120,.95);
  text-decoration:underline;
  text-underline-offset:3px;
}
.login-form__forgot a:hover{
  color:#fff;
}
@media (max-width:480px){
  .login-form{
    padding:1.65rem 1.25rem 1.75rem;
    border-radius:14px;
  }
  .login-form__title{
    margin-bottom:1.35rem;
  }
}
@media (prefers-reduced-motion:reduce){
  .login-form__submit{
    transition:none;
  }
}

/* H2 content block — step-by-step guide (below login form) */
.login-guide{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.5rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(38,38,38,.55) 0%,rgba(26,26,26,.4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.login-guide__title{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.4vw,1.5rem);
  font-weight:700;
  line-height:1.25;
  color:#fff;
}
.login-guide__intro{
  margin:0 0 1.1rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-guide__steps-heading{
  margin:0 0 .55rem;
  font-size:.95rem;
  font-weight:700;
  color:#e0e0e0;
}
.login-guide__steps{
  margin:0 0 1.1rem;
  padding-left:1.35rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
}
.login-guide__steps li{
  margin-bottom:.4rem;
  padding-left:.15rem;
}
.login-guide__steps li:last-child{
  margin-bottom:0;
}
.login-guide__outro{
  margin:0 0 1.25rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-guide__rule{
  margin:0 0 1.1rem;
  border:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.login-guide__support{
  margin:0;
  font-size:.88rem;
  line-height:1.62;
  color:var(--login-muted);
}

/* Baixar page — platform cards (Android / iOS) */
.login-guide.login-guide--baixar{
  display:flex;
  flex-direction:column;
  gap:1.35rem;
  padding-top:1.65rem;
  padding-bottom:1.65rem;
  background:
    radial-gradient(ellipse 90% 55% at 50% -30%,rgba(255,193,7,.1) 0%,transparent 52%),
    linear-gradient(180deg,rgba(40,38,32,.62) 0%,rgba(26,26,26,.42) 100%);
  border-color:rgba(255,193,7,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 12px 40px rgba(0,0,0,.2);
}
.login-guide--baixar > .login-guide__title{
  margin-bottom:.35rem;
}
.login-guide--baixar > .login-guide__intro{
  margin-bottom:0;
  color:#c8c8c8;
}
.login-guide__platform{
  position:relative;
  margin:0;
  padding:1.2rem 1.15rem 1.25rem 1.35rem;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
@media (hover:hover){
  .login-guide__platform:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 36px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.07);
  }
  .login-guide__platform--android:hover{
    border-color:rgba(61,220,132,.42);
  }
  .login-guide__platform--ios:hover{
    border-color:rgba(56,189,248,.4);
  }
}
.login-guide__platform::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  z-index:2;
  border-radius:4px 0 0 4px;
}
.login-guide__platform--android{
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(61,220,132,.14) 0%,transparent 55%),
    linear-gradient(165deg,rgba(28,42,34,.95) 0%,rgba(22,22,22,.88) 100%);
  border-color:rgba(61,220,132,.28);
}
.login-guide__platform--android::before{
  background:linear-gradient(180deg,#5ee4a4 0%,#1fa65c 50%,#0d6e3d 100%);
  box-shadow:0 0 16px rgba(61,220,132,.35);
}
.login-guide__platform--ios{
  background:
    radial-gradient(120% 80% at 100% 0%,rgba(90,200,250,.12) 0%,transparent 55%),
    linear-gradient(165deg,rgba(26,34,44,.95) 0%,rgba(22,22,22,.88) 100%);
  border-color:rgba(90,200,250,.26);
}
.login-guide__platform--ios::before{
  background:linear-gradient(180deg,#7dd3fc 0%,#38bdf8 45%,#1d4ed8 100%);
  box-shadow:0 0 16px rgba(56,189,248,.3);
}
.login-guide__platform::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(140deg,rgba(255,255,255,.09) 0%,transparent 48%);
  opacity:.85;
}
.login-guide__platform > *{
  position:relative;
  z-index:1;
}
.login-guide__platform-head{
  display:flex;
  align-items:center;
  gap:.65rem;
  margin:0 0 1rem;
  padding:0 0 .85rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:1.05rem;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.02em;
}
.login-guide__platform--android .login-guide__platform-head{
  color:#c8f5de;
  border-bottom-color:rgba(61,220,132,.22);
}
.login-guide__platform--ios .login-guide__platform-head{
  color:#c8e9ff;
  border-bottom-color:rgba(56,189,248,.22);
}
.login-guide__platform-badge{
  display:grid;
  place-items:center;
  width:2.5rem;
  height:2.5rem;
  flex-shrink:0;
  border-radius:11px;
  color:#fff;
  transition:transform .22s ease,box-shadow .22s ease;
}
.login-guide__platform:hover .login-guide__platform-badge{
  transform:scale(1.05);
}
.login-guide__platform--android .login-guide__platform-badge{
  background:linear-gradient(145deg,rgba(61,220,132,.35) 0%,rgba(15,90,55,.75) 100%);
  border:1px solid rgba(94,228,164,.35);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.login-guide__platform--ios .login-guide__platform-badge{
  background:linear-gradient(145deg,rgba(90,200,250,.3) 0%,rgba(30,80,140,.75) 100%);
  border:1px solid rgba(125,211,252,.35);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
}
.login-guide__platform-svg{
  width:1.35rem;
  height:1.35rem;
  display:block;
}
.login-guide__platform-title{
  flex:1;
}
.login-guide__platform-lede{
  margin:-.15rem 0 .85rem;
  padding:0;
  font-size:.92rem;
  line-height:1.65;
  color:#b8c4d4;
}
.login-guide__platform--android .login-guide__platform-lede{
  color:#a8c9b8;
}
.login-guide__platform--ios .login-guide__platform-lede{
  margin:0 0 1rem;
  padding:.8rem .95rem;
  border-radius:10px;
  background:rgba(56,189,248,.08);
  border:1px solid rgba(56,189,248,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  color:#c8e9fc;
}
.login-guide__platform .login-guide__steps--platform{
  margin:0;
  padding-left:0;
  list-style:none;
  counter-reset:baixar-step;
}
.login-guide__platform .login-guide__steps--platform li{
  position:relative;
  counter-increment:baixar-step;
  padding-left:2.75rem;
  margin-bottom:.65rem;
  min-height:1.7rem;
}
.login-guide__platform .login-guide__steps--platform li:last-child{
  margin-bottom:0;
}
.login-guide__platform .login-guide__steps--platform li::before{
  content:counter(baixar-step);
  position:absolute;
  left:0;
  top:.08rem;
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
  letter-spacing:-0.02em;
}
.login-guide__platform--android .login-guide__steps--platform li::before{
  background:linear-gradient(155deg,#3ecf7a 0%,#17824a 55%,#0f5c36 100%);
  color:#f0fff4;
  border:1px solid rgba(120,240,180,.45);
  box-shadow:
    0 2px 8px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.2);
}
.login-guide__platform--ios .login-guide__steps--platform li::before{
  background:linear-gradient(155deg,#38bdf8 0%,#1d6bb8 55%,#153e6e 100%);
  color:#f0f9ff;
  border:1px solid rgba(147,214,255,.4);
  box-shadow:
    0 2px 8px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.18);
}
@media (max-width:640px){
  .login-guide,
  .login-issues,
  .login-recover,
  .login-mobile,
  .login-security{padding:1.25rem 1rem 1.25rem}
  .login-guide--baixar{padding-top:1.35rem;padding-bottom:1.35rem}
  .login-guide__platform{padding:1rem .95rem 1.1rem 1.15rem}
  .login-guide__platform-head{font-size:1rem}
  .login-guide__platform-badge{width:2.35rem;height:2.35rem}
}
@media (prefers-reduced-motion:reduce){
  .login-guide__platform{
    transition:none;
  }
  .login-guide__platform:hover{
    transform:none;
  }
  .login-guide__platform:hover .login-guide__platform-badge{
    transform:none;
  }
}

/* Baixar page — app vs navegador (tabela comparativa) */
.baixar-compare{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.55rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(ellipse 85% 50% at 50% -28%,rgba(255,193,7,.09) 0%,transparent 52%),
    linear-gradient(180deg,rgba(36,36,36,.58) 0%,rgba(22,22,22,.44) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 32px rgba(0,0,0,.2);
}
.baixar-compare__title{
  margin:0 0 .45rem;
  font-size:clamp(1.2rem,2.35vw,1.45rem);
  font-weight:700;
  line-height:1.28;
  color:#fff;
}
.baixar-compare__subtitle{
  margin:0 0 1.05rem;
  font-size:1.02rem;
  font-weight:700;
  color:#d8d8d8;
  letter-spacing:.02em;
}
.baixar-compare__table-wrap{
  margin:0 0 1.2rem;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.22);
}
.baixar-compare__table{
  width:100%;
  min-width:20rem;
  border-collapse:collapse;
  font-size:.92rem;
  line-height:1.5;
}
.baixar-compare__table thead th{
  padding:.68rem .8rem;
  text-align:center;
  font-weight:800;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.045em;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.baixar-compare__table thead th:first-child{
  text-align:left;
  background:linear-gradient(180deg,#ffd54a 0%,var(--login-yellow) 48%,#d9a000 100%);
  color:#1a1a1a;
}
.baixar-compare__table thead th:nth-child(2){
  background:linear-gradient(180deg,#8be5b4 0%,#3daf6e 55%,#1e7a47 100%);
  color:#0a2518;
}
.baixar-compare__table thead th:nth-child(3){
  background:linear-gradient(180deg,#93d7ff 0%,#3a9fd9 55%,#1e5f8a 100%);
  color:#061a2a;
}
.baixar-compare__table tbody th{
  padding:.58rem .8rem;
  text-align:left;
  font-weight:700;
  font-size:.9rem;
  color:#e8e8e8;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}
.baixar-compare__table tbody td{
  padding:.58rem .8rem;
  text-align:center;
  color:#c6c6c6;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.baixar-compare__table tbody td:first-of-type{
  background:rgba(61,220,132,.04);
}
.baixar-compare__table tbody td:last-child{
  background:rgba(56,189,248,.05);
}
.baixar-compare__table tbody tr:nth-child(even) th{
  background:rgba(255,255,255,.03);
}
.baixar-compare__table tbody tr:last-child th,
.baixar-compare__table tbody tr:last-child td{
  border-bottom:0;
}
.baixar-compare__support{
  margin:0;
  font-size:.95rem;
  line-height:1.68;
  color:#b0b0b0;
}
@media (max-width:640px){
  .baixar-compare{padding:1.2rem 1rem 1.3rem}
  .baixar-reqs{padding:1.2rem 1rem 1.3rem}
  .baixar-security{padding:1.2rem 1rem 1.3rem}
  .baixar-troubles{padding:1.2rem 1rem 1.3rem}
  .baixar-compare__table{font-size:.86rem;min-width:17.5rem}
  .baixar-compare__table thead th,
  .baixar-compare__table tbody th,
  .baixar-compare__table tbody td{padding:.5rem .55rem}
}

/* Baixar — requisitos mínimos (reutiliza .baixar-compare__table) */
.baixar-reqs{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.55rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(ellipse 85% 50% at 50% -28%,rgba(255,193,7,.09) 0%,transparent 52%),
    linear-gradient(180deg,rgba(36,36,36,.58) 0%,rgba(22,22,22,.44) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 32px rgba(0,0,0,.2);
}
.baixar-reqs__title{
  margin:0 0 .65rem;
  font-size:clamp(1.2rem,2.35vw,1.45rem);
  font-weight:700;
  line-height:1.28;
  color:#fff;
}
.baixar-reqs__intro{
  margin:0 0 1rem;
  font-size:.98rem;
  line-height:1.68;
  color:#c4c4c4;
}
.baixar-reqs__subtitle{
  margin:0 0 1.05rem;
  font-size:1.02rem;
  font-weight:700;
  color:#d8d8d8;
  letter-spacing:.02em;
}
.baixar-reqs__support{
  margin:0;
  font-size:.95rem;
  line-height:1.68;
  color:#b0b0b0;
}

/* Baixar — segurança no download */
.baixar-security{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.55rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(74,222,128,.18);
  background:
    radial-gradient(ellipse 80% 48% at 50% -26%,rgba(74,222,128,.1) 0%,transparent 52%),
    linear-gradient(180deg,rgba(32,38,34,.62) 0%,rgba(22,24,22,.46) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 32px rgba(0,0,0,.2);
}
.baixar-security__title{
  margin:0 0 .75rem;
  font-size:clamp(1.2rem,2.35vw,1.45rem);
  font-weight:700;
  line-height:1.28;
  color:#fff;
}
.baixar-security__intro{
  margin:0 0 1.05rem;
  font-size:.98rem;
  line-height:1.68;
  color:#c4c4c4;
}
.baixar-security__subtitle{
  margin:0 0 .75rem;
  font-size:1.02rem;
  font-weight:700;
  color:#bbf7d0;
  letter-spacing:.02em;
}
.baixar-security__list{
  margin:0 0 1.15rem;
  padding-left:1.35rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
}
.baixar-security__list li{
  margin-bottom:.5rem;
  padding-left:.15rem;
}
.baixar-security__list li:last-child{
  margin-bottom:0;
}
.baixar-security__list li::marker{
  color:#4ade80;
}
.baixar-security__support{
  margin:0;
  font-size:.95rem;
  line-height:1.68;
  color:#b0b0b0;
}

/* Baixar — problemas comuns (download / instalação) */
.baixar-troubles{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.55rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(251,146,60,.22);
  background:
    radial-gradient(ellipse 85% 50% at 50% -28%,rgba(251,146,60,.1) 0%,transparent 52%),
    linear-gradient(180deg,rgba(40,34,30,.6) 0%,rgba(22,22,22,.44) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 32px rgba(0,0,0,.2);
}
.baixar-troubles__title{
  margin:0 0 .75rem;
  font-size:clamp(1.2rem,2.35vw,1.45rem);
  font-weight:700;
  line-height:1.28;
  color:#fff;
}
.baixar-troubles__intro{
  margin:0 0 1.15rem;
  font-size:.98rem;
  line-height:1.68;
  color:#c4c4c4;
}
.baixar-troubles__groups{
  display:flex;
  flex-direction:column;
  gap:.85rem;
}
.baixar-troubles__card{
  margin:0;
  padding:1rem 1.05rem 1.05rem;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.baixar-troubles__problem{
  margin:0 0 .55rem;
  font-size:1rem;
  font-weight:800;
  line-height:1.3;
  color:#fed7aa;
  letter-spacing:.01em;
}
.baixar-troubles__tips{
  margin:0;
  padding-left:1.25rem;
  color:#d4d4d4;
  font-size:.93rem;
  line-height:1.62;
}
.baixar-troubles__tips li{
  margin-bottom:.35rem;
}
.baixar-troubles__tips li:last-child{
  margin-bottom:0;
}
.baixar-troubles__tips li::marker{
  color:#fb923c;
}

/* H2 block — problemas comuns no login (pt-BR) */
.login-issues{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.5rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(38,38,38,.55) 0%,rgba(26,26,26,.4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.login-issues__title{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.4vw,1.5rem);
  font-weight:700;
  line-height:1.25;
  color:#fff;
}
.login-issues__intro{
  margin:0 0 1rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-issues__list{
  margin:0 0 1.1rem;
  padding-left:1.2rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
  list-style:disc;
}
.login-issues__list li{
  margin-bottom:.5rem;
  padding-left:.2rem;
}
.login-issues__list li:last-child{
  margin-bottom:0;
}
.login-issues__list strong{
  color:#e8e8e8;
  font-weight:700;
}
.login-issues__outro{
  margin:0;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.95rem;
}

/* H2 block — recuperação de senha (pt-BR) */
.login-recover{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.5rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(38,38,38,.55) 0%,rgba(26,26,26,.4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.login-recover__title{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.4vw,1.5rem);
  font-weight:700;
  line-height:1.25;
  color:#fff;
}
.login-recover__intro{
  margin:0 0 1.1rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-recover__steps-heading{
  margin:0 0 .55rem;
  font-size:.95rem;
  font-weight:700;
  color:#e0e0e0;
}
.login-recover__steps{
  margin:0 0 1.1rem;
  padding-left:1.35rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
}
.login-recover__steps li{
  margin-bottom:.4rem;
  padding-left:.15rem;
}
.login-recover__steps li:last-child{
  margin-bottom:0;
}
.login-recover__outro{
  margin:0 0 1.25rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-recover__rule{
  margin:0 0 1.1rem;
  border:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
.login-recover__support{
  margin:0;
  font-size:.88rem;
  line-height:1.62;
  color:var(--login-muted);
}
/* H2 block — acesso pelo celular (pt-BR) */
.login-mobile{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.5rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(38,38,38,.55) 0%,rgba(26,26,26,.4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.login-mobile__title{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.4vw,1.5rem);
  font-weight:700;
  line-height:1.25;
  color:#fff;
}
.login-mobile__intro{
  margin:0 0 1rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-mobile__list{
  margin:0 0 1.1rem;
  padding-left:1.2rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
  list-style:disc;
}
.login-mobile__list li{
  margin-bottom:.5rem;
  padding-left:.2rem;
}
.login-mobile__list li:last-child{
  margin-bottom:0;
}
.login-mobile__list strong{
  color:#e8e8e8;
  font-weight:700;
}
.login-mobile__outro{
  margin:0;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}

/* H2 block — dicas de segurança no login (pt-BR) */
.login-security{
  margin:0;
  align-self:center;
  width:100%;
  max-width:min(42rem,100%);
  padding:1.5rem 1.25rem 1.5rem;
  border-radius:var(--login-radius);
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(38,38,38,.55) 0%,rgba(26,26,26,.4) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.login-security__title{
  margin:0 0 1rem;
  font-size:clamp(1.25rem,2.4vw,1.5rem);
  font-weight:700;
  line-height:1.25;
  color:#fff;
}
.login-security__intro{
  margin:0 0 1rem;
  color:#c4c4c4;
  line-height:1.68;
  font-size:.98rem;
}
.login-security__list{
  margin:0;
  padding-left:1.2rem;
  color:#d0d0d0;
  line-height:1.65;
  font-size:.95rem;
  list-style:disc;
}
.login-security__list li{
  margin-bottom:.5rem;
  padding-left:.2rem;
}
.login-security__list li:last-child{
  margin-bottom:0;
}
.login-security__list strong{
  color:#e8e8e8;
  font-weight:700;
}


/* Mobile: extra horizontal breathing room (homepage uses .container = 100% - 2rem; here we add safe area + slightly wider gutter) */
@media (max-width: 620px) {
  body.login-page .login-screen {
    padding-top: 1.75rem;
    padding-bottom: 2.25rem;
    padding-left: max(1.25rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.25rem, env(safe-area-inset-right, 0px));
  }
  body.login-page .login-screen .login-screen__inner.container {
    width: 100%;
    max-width: min(100%, var(--max-width));
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Terms & conditions prose */
.terms-legal__divider {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  margin: 1rem 0 0.35rem;
}

.terms-legal__list {
  margin: 0.35rem 0 0.85rem;
  padding-left: 1.35rem;
  line-height: 1.55;
}

.terms-legal__list li {
  margin-bottom: 0.4rem;
}

.terms-legal__list li:last-child {
  margin-bottom: 0;
}

.terms-legal.login-guide .login-guide__steps-heading {
  margin-top: 1.35rem;
}

.terms-legal.login-guide .login-guide__steps-heading:first-of-type {
  margin-top: 0.35rem;
}

.terms-legal.login-guide hr + .login-guide__steps-heading {
  margin-top: 0.85rem;
}

.terms-legal .login-guide__intro a,
.login-hero__intro a {
  color: var(--login-accent, #c9a227);
  text-decoration: underline;
  text-underline-offset: 2px;
}