*{box-sizing:border-box}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  margin:0; line-height:1.6;
  background:#ffffff;
  color:#111111;
}
a{color:inherit}
.container{max-width:980px;margin:0 auto;padding:28px 18px}

.brand{display:flex;gap:10px;align-items:center;text-decoration:none}
.brand b{font-size:18px}
.lang{display:flex;gap:8px;align-items:center}
select{padding:8px 10px;border-radius:10px;border:1px solid rgba(127,127,127,.35);background:transparent}
nav{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}

h1{font-size:32px;line-height:1.15;margin:0 0 10px}
h2{font-size:20px;margin:18px 0 8px}
p{font-size:16.5px;margin:0 0 14px}
.card{
  margin-top:16px;
  border:1px solid rgba(127,127,127,.25);
  border-radius:16px;
  padding:14px;
  background:rgba(127,127,127,.05);
}

@media(min-width:860px){.grid{grid-template-columns:1fr 1fr}}
.badge{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(127,127,127,.25);
  background:rgba(127,127,127,.06);
  font-size:12.5px;
  color:#111111;
}
ul{margin:10px 0 0 18px}
.small{opacity:.7;font-size:12.5px}
.footer{margin-top:34px;padding-top:16px;border-top:1px solid rgba(127,127,127,.2)}

/* Fix: select e dropdown visíveis em qualquer tema */
select, option {
  background-color: #fff;
  color: #111;
}


select, option{
  background-color:#ffffff;
  color:#111111;
}
:root{ color-scheme: light; }
body{ background:#fff; color:#0f172a; }
a{ color:#0b5ed7; }
.btn-primary{ background:#0b5ed7; border-color:#0b5ed7; }
.card{ border-color:#e2e8f0; border-radius:16px; }

/* Espaçamento entre os cards (boxes) */
.grid{ gap: 20px; }              /* aumenta o espaço entre os dois cards de cima */
.card{ margin-top: 0; }          /* garante que não existe margin estranho */

.hero > .card{ margin-top: 24px; }  /* dá respiro pro card de "Privacidade e segurança" */

.card{
  padding: 40px;
}