/* Only target inner grid, not full viewport */
.welcome-page {
  display: grid;
  grid-template-columns: 0.75fr 1fr;
  height: 100vh;
  background: #E8E8E4;
}

.welcome-page__visual {
  position: relative;
}

body {
  font-family: 'Inter', sans-serif;  
}

.welcome-page__content-title {
  align-items: left;
  margin-bottom: 4rem;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.welcome-page__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.welcome-page__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
}

.welcome-page__content-inner {
  max-width: 400px;
  width: 100%;
}

.pf-v5-c-button.pf-m-primary {
  background-color: #009BDB !important;
}

.kc-error {
  color: red;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .welcome-page {
    grid-template-columns: 1fr;
    grid-template-rows: 50vh auto;
  }

  .welcome-page__visual {
    max-height: 50vh;
  }
}