or buttons and logo */
      .gradient-bg {
        background: linear-gradient(to right, #2563eb, #7c3aed);
      }
      /* Ensure the page takes full height */
      html, body {
        height: 100%;
      }
    </style>
  </head>
  <body class="bg-gray-50 min-h-screen flex flex-col">
    <!-- Navigation Bar (consistent with app's design) -->
    <nav class="bg-white shadow-sm border-b border-gray-200">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h