*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  min-height:100vh;
  font-family:Arial, Helvetica, sans-serif;
  color:#f7f2ff;
  background:
    radial-gradient(circle at 24% 18%, rgba(124,58,237,.2), transparent 28%),
    radial-gradient(circle at 78% 68%, rgba(56,189,248,.1), transparent 26%),
    linear-gradient(135deg, #090812 0%, #11101e 52%, #080710 100%);
}

.legal-page{
  width:min(920px, 100%);
  min-height:100vh;
  margin:0 auto;
  padding:28px;
}

.voltar{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  color:#ddd6fe;
  background:rgba(255,255,255,.05);
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
}

.legal-card{
  margin-top:22px;
  padding:34px;
  border:1px solid rgba(167,139,250,.28);
  border-radius:18px;
  background:rgba(14,12,24,.84);
  box-shadow:
    0 28px 80px rgba(0,0,0,.45),
    0 0 34px rgba(124,58,237,.12);
  backdrop-filter:blur(14px);
}

.legal-card img{
  width:118px;
  height:118px;
  object-fit:contain;
  display:block;
  margin-bottom:12px;
  filter:drop-shadow(0 0 18px rgba(167,139,250,.22));
}

.eyebrow{
  color:#a78bfa;
  font-size:13px;
  font-weight:900;
  letter-spacing:3px;
  text-transform:uppercase;
}

h1{
  margin-top:8px;
  color:#fff;
  font-size:clamp(30px, 5vw, 46px);
  line-height:1.05;
}

.atualizado{
  margin-top:10px;
  color:#9d93aa;
  font-size:13px;
}

h2{
  margin-top:28px;
  color:#e9d5ff;
  font-size:20px;
}

p{
  margin-top:12px;
  color:#d8c4ff;
  font-size:16px;
  line-height:1.62;
}

a{
  color:#c4b5fd;
}

@media(max-width:560px){

  .legal-page{
    padding:18px;
  }

  .legal-card{
    padding:24px 20px;
  }

  .legal-card img{
    width:96px;
    height:96px;
  }
}