/* Paginas legais (Termos de uso, Privacidade): texto simples, mesma fonte do app. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: #101827; font-family: 'DM Sans', 'Segoe UI', Arial, Helvetica, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.legal-top { position: sticky; top: 0; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(15,23,42,.08); }
.legal-top-inner { max-width: 820px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.legal-brand { display: inline-flex; align-items: center; gap: 10px; color: #101827; text-decoration: none; font-weight: 900; letter-spacing: 1.5px; font-size: 16px; }
.legal-brand img { width: 32px; height: 32px; border-radius: 50%; }
.legal-top a.btn { display: inline-flex; align-items: center; height: 38px; padding: 0 18px; border-radius: 10px; background: #0a0a0f; color: #fff; font-weight: 700; font-size: 13px; text-decoration: none; }
main { max-width: 820px; margin: 0 auto; padding: 40px 20px 80px; }
h1 { font-size: clamp(28px, 4vw, 38px); line-height: 1.12; margin: 0 0 6px; font-weight: 850; letter-spacing: 0; }
.legal-meta { color: rgba(16,24,39,.56); font-size: 14px; margin: 0 0 34px; }
h2 { font-size: 20px; margin: 34px 0 10px; font-weight: 800; }
p, li { font-size: 15px; color: #1f2937; }
ul { padding-left: 22px; }
a { color: #0a0a0f; }
.legal-foot { border-top: 1px solid rgba(15,23,42,.08); margin-top: 48px; padding-top: 18px; color: rgba(16,24,39,.5); font-size: 13px; display: flex; gap: 16px; flex-wrap: wrap; }
.legal-foot a { color: inherit; }
@media (max-width: 720px) { main { padding: 28px 16px 64px; } }