.content {
  min-height: 95vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.logo {
  /* margin-bottom: 2rem; */
  height: 10rem; /* Tailwind's h-40 (40 x 0.25rem = 10rem) */
}

.title {
  text-align: center;
  font-weight: bold;
  color: #374151; /* Tailwind's text-gray-700 */
  margin-bottom: 0.5rem;
  font-size: 2.25rem; /* default base: text-4xl */
}

.subtitle {
  text-align: center;
  color: #6b7280; /* Tailwind's text-gray-500 */
  margin-bottom: 1rem;
  font-size: 1.125rem; /* default base: text-lg */

  /* Responsive font sizes for md:text-xl and lg:text-2xl */
}

/* Responsive styles */
@media (min-width: 768px) {
  .title {
    font-size: 3rem; /* md:text-5xl */
  }

  .subtitle {
    font-size: 1.25rem; /* md:text-xl */
  }
}

@media (min-width: 1024px) {
  .title {
    font-size: 3.75rem; /* lg:text-6xl */
  }

  .subtitle {
    font-size: 1.5rem; /* lg:text-2xl */
  }
}