/* Center the card in the viewport */
.uk-section-muted.uk-flex { 
  /* UIkit flex + section-muted do the heavy lifting; no extra CSS needed here */
}

/* Your custom login-card overrides */
.login-card {
  max-width: 480px;      /* cap the width */
  width: 100%;           /* but still be responsive */
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1);
  padding: 2rem 1.5rem;
  transition: transform .2s ease, box-shadow .2s ease;
}
.login-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}

.login-card__links a {
  margin: 0 .5rem;
}

.login-card .uk-card-title {
  margin-bottom: 1.5rem;
  font-size: 1.75rem;
  color: #333;
}

/* Optional button tweaks */
.login-card .uk-button-primary {
  padding: .75rem 1.5rem;
  font-size: 1.1rem;
}

/* further style for our custom-login-btn */
.custom-login-btn {
  display: block;         /* make it a block so width & margin work reliably */
  margin-left: auto;      /* push to the right */
  margin-right: 0;        /* reset any right margin */
  background-color: #0066cc !important;       /* your brand shade */
  font-weight: 600;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: background-color .2s ease, transform .1s ease;
}

.custom-login-btn:hover,
.custom-login-btn:focus {
  background-color: #005bb5;
  transform: translateY(-1px);
}