Space Tourism Pricing Card

<div class="relative rounded-2xl border border-white/10 p-8 bg-white/[0.02]">
  <div class="mb-8">
    <h4 class="text-xl font-semibold text-white mb-2">Suborbital Flight</h4>
    <p class="text-sm text-white/60 mb-6">Experience weightlessness and see Earth's curvature in this 15-minute journey to the edge of space.</p>
    <div class="flex items-baseline gap-2">
      <span class="text-4xl text-white font-medium">$450K</span>
      <span class="text-sm text-white/40">per person</span>
    </div>
  </div>
  <ul class="space-y-4 mb-8">
    <li class="flex items-center gap-3">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400 flex-shrink-0">
        <path d="m9 12 2 2 4-4"></path>
        <circle cx="12" cy="12" r="10"></circle>
      </svg>
      <span class="text-sm text-white/70">100km altitude flight</span>
    </li>
    <li class="flex items-center gap-3">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400 flex-shrink-0">
        <path d="m9 12 2 2 4-4"></path>
        <circle cx="12" cy="12" r="10"></circle>
      </svg>
      <span class="text-sm text-white/70">4 minutes of weightlessness</span>
    </li>
    <li class="flex items-center gap-3">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400 flex-shrink-0">
        <path d="m9 12 2 2 4-4"></path>
        <circle cx="12" cy="12" r="10"></circle>
      </svg>
      <span class="text-sm text-white/70">3-day training program</span>
    </li>
    <li class="flex items-center gap-3">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400 flex-shrink-0">
        <path d="m9 12 2 2 4-4"></path>
        <circle cx="12" cy="12" r="10"></circle>
      </svg>
      <span class="text-sm text-white/70">Official astronaut certificate</span>
    </li>
    <li class="flex items-center gap-3">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-400 flex-shrink-0">
        <path d="m9 12 2 2 4-4"></path>
        <circle cx="12" cy="12" r="10"></circle>
      </svg>
      <span class="text-sm text-white/70">HD video recording</span>
    </li>
  </ul>
  <button class="w-full py-4 px-6 rounded-xl text-sm font-medium text-white border border-white/20 hover:border-white/30 transition-all duration-300 hover:bg-white/5 bg-white/[0.03]">Reserve Your Seat</button>
</div>