<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Safe Premium UI</title>




</head>

<body>

<!-- ONLY THIS BLOCK AFFECTED -->
<div class="ui-app">

  <div class="title">
    <h2>Discovery Hub</h2>
    <p>Unleash creativity with premium AI frameworks.</p>
  </div>

  <div class="grid">

    <div class="card pink full">
      <h3>Elite Business Framework</h3>
      <p>Optimize strategies, analyze markets, and scale operations.</p>
      <button>Explore</button>
    </div>

    <div class="card blue">
      <h3>Software Toolkit</h3>
      <p>Design systems and generate scalable code.</p>
      <button>Explore</button>
    </div>

    <div class="card orange">
      <h3>Creative Storyteller</h3>
      <p>Create stories, characters, and immersive worlds.</p>
      <button>Explore</button>
    </div>

  </div>

  <div class="tabs">
    <div class="tab">Marketing</div>
    <div class="tab">Coding</div>
    <div class="tab">Writing</div>
    <div class="tab">Design</div>
  </div>

  <div class="nav">
    <div>Home</div>
    <div class="active">Discover</div>
    <div>My Prompts</div>
    <div>Community</div>
    <div>Settings</div>
  </div>

</div>

</body>
</html>