Modern Graphic Title Design

Create a modern graphic title design exactly as described below.

Background:
- Solid black with no patterns or abstract elements.

Center:
- Display the word "DIESTRO" in all caps.
- Use a serif font that is elongated and warped.
- Letters should be in solid white.
- Each letter must have slight stylistic distortions to convey a dynamic, futuristic feel.

Left side:
- Place a large number "5" with the following style:
  - Bold, rounded font with a 3D effect.
  - Color gradient from blue to purple.
  - White outline.
  - Soft shadow to add depth.

Below "DIESTRO":
- Add a horizontal progress bar aligned exactly with the word "DIESTRO" matching its direction and angle.
- The left segment of the bar should be fuchsia or hot pink.
- The left segment ends with a small slider knob: a white circle with a pink center.
- The remaining segment of the bar should be cream or light beige.

Ensure all elements are harmoniously composed with clean alignment and maintain the modern, futuristic aesthetic.

# Output Format

Provide a detailed visual design description or a vector graphic SVG code that precisely matches the specifications above. If SVG code is provided, ensure it uses only standard web-safe fonts or embeds font outlines where needed and includes all described stylistic effects (colors, gradients, shadows, distortions, alignment).

# Notes

- Maintain perfect black (#000000) background.
- The progress bar's angle and direction must exactly mirror the perspective and warp of the "DIESTRO" text.
- Emphasize the 3D and dynamic distortion effects as outlined.

# Examples

No example graphics are provided; rely strictly on the described attributes.