.card {
  max-width: 680px;
  width: 100%;
  min-height: 400px; /* varmistaa että teksti mahtuu */
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 2.25rem 2rem;
  backdrop-filter: blur(6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

  overflow: hidden; /* estää sisällön karkaamisen */
}

.card h1, .card p {
  overflow-wrap: break-word; /* rivittää pitkän tekstin */
  margin: 0.5rem 0;
}



.logo-img {
  display: block;
  margin: 0 auto 5rem auto; /* keskitys vaakasuunnassa */
  max-width: 300px;         /* skaalautuu sopivaksi */
  width: 100%;               /* suhteessa näytön kokoon */
  height: auto;
}