.legal-container {
      max-width: 800px;
      margin: 40px auto 80px;
      padding: 40px;
      background: var(--bg-card);
      border: 1px solid var(--border-subtle);
      border-radius: 16px;
    }
    .legal-container h1 {
      font-family: var(--font-display);
      font-size: clamp(36px, 5vw, 52px);
      font-weight: 400;
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: var(--text-primary);
      margin-bottom: 8px;
    }
    .legal-container h2 {
      font-family: var(--font-display);
      font-size: 26px;
      font-weight: 400;
      letter-spacing: -0.01em;
      color: var(--text-primary);
      margin-top: 36px;
      margin-bottom: 14px;
    }
    .legal-container p, .legal-container ul, .legal-container ol {
      color: var(--text-secondary);
      margin-bottom: 14px;
    }
    .legal-container ul, .legal-container ol { padding-left: 22px; }
    .legal-container li { margin-bottom: 8px; }
    .legal-container strong { color: var(--text-primary); font-weight: 600; }
    .legal-container a {
      color: var(--cyan-bright);
      text-decoration: underline;
      text-underline-offset: 3px;
    }
    .legal-container a:hover { color: var(--cyan); }
    .last-updated {
      color: var(--text-muted);
      font-family: var(--font-mono);
      font-size: 13px;
      margin-bottom: 32px;
    }
    .warning {
      background: rgba(245, 158, 11, 0.08);
      border-left: 3px solid var(--amber);
      padding: 16px;
      margin: 24px 0;
      border-radius: 8px;
      color: var(--text-primary);
    }
    .warning strong { color: var(--amber-bright); }
    @media (max-width: 768px) {
      .legal-container { padding: 28px 20px; margin: 24px auto 60px; }
    }