Neon Dark Pricing

<div class="container py-5 bg-dark rounded-4 text-white">
  <div class="text-center mb-5">
    <h2 class="fw-bold">Choose Your Plan</h2>
    <p class="text-white-50">Cancel anytime</p>
  </div>
  <div class="row g-4">
    <div class="col-md-4">
      <div class="p-4 rounded-4 h-100" style="background:#0f172a;border:1px solid #1e293b">
        <h5>Basic</h5>
        <h1 class="my-3">$9</h1>
        <ul class="list-unstyled small text-white-50">
          <li>✓ 1 user</li>
          <li>✓ 10GB storage</li>
          <li>✓ Email support</li>
        </ul><a href="#" class="btn btn-outline-light w-100 mt-3">Start</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 rounded-4 h-100" style="background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 0 40px rgba(99,102,241,.5)">
        <h5>Pro</h5>
        <h1 class="my-3">$29</h1>
        <ul class="list-unstyled small">
          <li>✓ 5 users</li>
          <li>✓ 100GB storage</li>
          <li>✓ Priority chat</li>
        </ul><a href="#" class="btn btn-light w-100 mt-3 fw-bold">Start</a>
      </div>
    </div>
    <div class="col-md-4">
      <div class="p-4 rounded-4 h-100" style="background:#0f172a;border:1px solid #1e293b">
        <h5>Team</h5>
        <h1 class="my-3">$79</h1>
        <ul class="list-unstyled small text-white-50">
          <li>✓ Unlimited</li>
          <li>✓ 1TB storage</li>
          <li>✓ SLA support</li>
        </ul><a href="#" class="btn btn-outline-light w-100 mt-3">Start</a>
      </div>
    </div>
  </div>
</div>