index.html

<div class="h-screen bg-[#155e75] grid place-content-center overflow-hidden">
  <div class="mt-[52px] size-72 bg-[#06b6d4] rounded-full"></div>
  <div class="*:absolute *:w-[336px] *:bg-[#e3e8f1] *:left-8 *:flex">
    <div class="h-10  top-4 rounded-lg items-center justify-between px-4 *:bg-[#155e75] *:h-2">
      <div class="rounded-full !size-6 bg-[#155e75]"></div>
      <div class="ml-auto mr-2 w-10"></div>
      <div class="w-6"></div>
    </div>
    <div class="h-24 bottom-0 rounded-t-lg items-end gap-6 px-4 pb-2 *:space-y-2 *:*:w-[85.4px] *:*:h-1 *:*:bg-[#94a3b8]">
      <div>
        <div class="!bg-[#155e75] mb-4 !h-2 !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div>
      <div class="!bg-[#155e75] mb-4 !h-2 !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div>
      <div class="!bg-[#155e75] mb-4 !h-2 !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
</div>