/* ============================================================
   LOGIN.CSS - Styles fuer die Login-Seite
   ============================================================ */

.kka-login-center {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.kka-login-box {
  background: var(--white);
  border-radius: 12px;
  box-shadow: var(--shadow-raised);
  padding: 32px;
  width: 100%;
  max-width: 360px;
}

.kka-login-box h1 {
  font-size: var(--font-size-150);
  margin-top: 0;
  margin-bottom: 4px;
}

.kka-login-box p.kka-hint {
  margin-top: 0;
  margin-bottom: 24px;
}