.privacy-page,
.terms-page {
  gap: 1.5rem;
}
.privacy-hero,
.terms-hero {
  background: linear-gradient(145deg, rgba(109, 76, 219, 0.16), rgba(255, 255, 255, 0.72));
  border: 1px solid rgba(109, 76, 219, 0.18);
  box-shadow: 0 10px 26px rgba(72, 45, 145, 0.08);
}
.privacy-meta,
.terms-meta {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.25rem 0 0.75rem;
  font-size: 0.95rem;
  color: #5f5681;
}
.privacy-chip,
.terms-chip {
  display: inline-block;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  background: rgba(109, 76, 219, 0.11);
  border: 1px solid rgba(109, 76, 219, 0.2);
}
.privacy-toc,
.terms-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.9rem;
}
.privacy-toc a,
.terms-toc a {
  display: inline-block;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.38rem 0.7rem;
  border-radius: 999px;
  color: #4a3f73;
  background: rgba(125, 90, 235, 0.1);
  border: 1px solid rgba(125, 90, 235, 0.22);
}
.privacy-panel,
.terms-panel {
  padding: 1.4rem 1.4rem 1.2rem;
  border: 1px solid rgba(112, 86, 191, 0.16);
  box-shadow: 0 8px 20px rgba(54, 35, 110, 0.05);
}
.privacy-panel h2,
.terms-panel h2 {
  position: relative;
  margin-top: 1.85rem;
  padding-top: 0.35rem;
  padding-left: 0.75rem;
  border-left: 4px solid rgba(109, 76, 219, 0.5);
}
.privacy-panel h2:first-child,
.terms-panel h2:first-child {
  margin-top: 0;
}
.privacy-panel h3,
.terms-panel h3 {
  margin-top: 1rem;
  color: #42356b;
}
.privacy-panel ul,
.terms-panel ul {
  margin: 0.55rem 0 0.95rem 1.2rem;
  padding: 0;
}
.privacy-panel li,
.terms-panel li {
  margin: 0.3rem 0;
}
.privacy-contact,
.terms-contact {
  margin-top: 0.5rem;
  padding: 0.9rem 1rem;
  border-radius: 0.85rem;
  background: rgba(91, 157, 255, 0.09);
  border: 1px solid rgba(91, 157, 255, 0.2);
}
.terms-highlight {
  margin: 0.75rem 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: 0.85rem;
  background: rgba(245, 166, 35, 0.11);
  border: 1px solid rgba(245, 166, 35, 0.25);
}