:root{
  --preto:#0A0A0C; --grafite:#141417; --borda:#26262B;
  --branco:#FFFFFF; --cinza:#9A9AA3; --laranja:#FF4D00;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--preto);color:#D7D7DD;
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;
}
a{color:var(--laranja);text-decoration:none}
a:hover{text-decoration:underline}
img{display:block;max-width:100%}

/* header */
.legal-header{
  position:sticky;top:0;z-index:10;
  background:rgba(10,10,12,.85);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--borda);
}
.legal-header .inner{
  max-width:780px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.legal-header img{height:26px;width:auto}
.legal-back{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;
  font-size:13px;color:var(--cinza);
}
.legal-back:hover{color:var(--branco);text-decoration:none}

/* conteúdo */
main.legal{max-width:780px;margin:0 auto;padding:36px 20px 72px}
.legal h1{
  font-family:"Archivo",sans-serif;font-weight:900;text-transform:uppercase;
  letter-spacing:-.02em;font-size:clamp(26px,7vw,38px);color:#fff;
  line-height:1.08;margin-bottom:10px;
}
.legal .updated{color:var(--cinza);font-size:13px}
.legal .intro{
  color:var(--cinza);font-size:15px;margin:18px 0 28px;
  padding-bottom:24px;border-bottom:1px solid var(--borda);
}
.legal h2{
  font-family:"Archivo",sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:-.01em;font-size:17px;color:#fff;margin:34px 0 10px;
}
.legal h3{font-size:15px;font-weight:600;color:#fff;margin:20px 0 6px}
.legal p{margin-bottom:14px;font-size:15px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin-bottom:8px;font-size:15px}
.legal strong{color:#fff;font-weight:600}
.legal .box{
  background:var(--grafite);border:1px solid var(--borda);border-radius:12px;
  padding:16px 18px;margin:20px 0;font-size:14px;color:var(--cinza);
}
.legal .box strong{color:#fff}

/* footer */
.legal-footer{border-top:1px solid var(--borda);background:var(--preto)}
.legal-footer .inner{max-width:780px;margin:0 auto;padding:26px 20px;color:var(--cinza);font-size:13px;line-height:1.85}
.legal-footer a{color:var(--cinza)}
.legal-footer .links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:14px}
.legal-footer .links a{display:inline-flex;align-items:center;min-height:40px}
.legal-footer .links a[aria-current]{color:var(--branco)}