/* Estilo compartilhado das páginas legais (Termos, Privacidade). Marca preto+azul. */
:root{
  --bg:#080d18; --panel:#101a2e; --panel2:#0c1424; --line:#1e2b48;
  --ink:#eaf0fb; --muted:#8ea0c0; --blue:#4d7cff; --blue2:#6f96ff; --warn:#e6ab4b;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0; font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink);
  background:radial-gradient(1100px 620px at 50% -8%, #17245520, transparent), var(--bg);
  line-height:1.65; -webkit-font-smoothing:antialiased}
a{color:var(--blue2)}
.wrap{max-width:800px; margin:0 auto; padding:0 20px}

nav{position:sticky; top:0; z-index:20; backdrop-filter:blur(10px);
  background:#080d18cc; border-bottom:1px solid var(--line)}
nav .wrap{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{display:flex; align-items:center; gap:10px; font-weight:900; letter-spacing:.5px;
  font-size:20px; color:var(--ink); text-decoration:none}
.brand img{width:34px; height:34px; border-radius:9px}
.brand b{color:var(--blue2)}
nav a.enter{font-weight:700; color:var(--muted); text-decoration:none; font-size:14px}
nav a.enter:hover{color:var(--ink)}

header.top{padding:48px 0 8px}
header.top h1{font-size:clamp(28px,5vw,42px); font-weight:900; letter-spacing:-.02em; margin:8px 0 0}
.updated{color:var(--muted); font-size:14px; margin-top:12px}
.eyebrow{font-size:12.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--blue2)}

main{padding:20px 0 70px}
h2{font-size:21px; font-weight:800; margin:38px 0 10px; letter-spacing:-.01em;
  padding-top:14px; border-top:1px solid var(--line)}
h3{font-size:16px; font-weight:750; margin:22px 0 6px; color:#cfdcf5}
p,li{color:#c8d4ea; font-size:15.5px}
ul,ol{padding-left:22px}
li{margin:6px 0}
strong{color:var(--ink)}

.box{border:1px solid var(--line); background:var(--panel2);
  border-radius:14px; padding:16px 18px; margin:18px 0}
.box.warn{border-color:#5c4620; background:#1d160a}
.box.warn strong{color:var(--warn)}
.box p:first-child{margin-top:0} .box p:last-child{margin-bottom:0}

table{width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px; display:block; overflow-x:auto}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{color:var(--blue2); font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap}
td{color:#c8d4ea}

.toc{border:1px solid var(--line); background:var(--panel2); border-radius:14px; padding:16px 20px; margin:26px 0}
.toc ol{margin:8px 0 0; padding-left:20px} .toc li{margin:3px 0; font-size:14.5px}

footer{border-top:1px solid var(--line); padding:28px 0 50px; color:var(--muted); font-size:14px}
footer a{color:var(--blue2); text-decoration:none}
