body {
      margin: 0;
      font-family: var(--font-body, 'Inter', system-ui, sans-serif);
      background: var(--page-bg, #040907);
      color: var(--text, #f2f2f2);
    }

    .legal-page {
      max-width: 960px;
      margin: 0 auto;
      padding: 48px 24px 64px;
      display: grid;
      gap: 24px;
    }

    .legal-page h1,
    .legal-page h2,
    .legal-page h3 {
      font-family: var(--font-heading, 'Inter', system-ui, sans-serif);
      margin: 0;
    }

    .legal-page h1 {
      font-size: 2rem;
    }

    .legal-page h2 {
      margin-top: 24px;
      font-size: 1.35rem;
    }

    .legal-page h3 {
      font-size: 1.1rem;
    }

    .legal-card {
      background: var(--surface-bg, rgba(255, 255, 255, 0.04));
      border: 1px solid var(--border-default, rgba(255, 255, 255, 0.1));
      border-radius: 16px;
      padding: 24px;
      display: grid;
      gap: 16px;
    }

    .legal-page p,
    .legal-page li {
      color: var(--text-2, rgba(242, 242, 242, 0.8));
      line-height: 1.6;
    }

    .legal-page ul {
      margin: 0;
      padding-left: 20px;
      display: grid;
      gap: 8px;
    }

    .legal-footer {
      border-top: 1px solid var(--border-default, rgba(255, 255, 255, 0.1));
      padding-top: 16px;
      font-size: 0.85rem;
      color: var(--text-2, rgba(242, 242, 242, 0.8));
    }

    .legal-meta {
      font-size: 0.9rem;
      color: var(--text-2, rgba(242, 242, 242, 0.8));
    }