:root {
  --naro-brand: #ee536a;
  --naro-ink: #18202c;
  --keycloak-card-top-color: transparent;
  --pf-v5-global--primary-color--100: var(--naro-brand);
  --pf-v5-global--primary-color--200: #d93d57;
  --pf-v5-global--link--Color: #d93d57;
  --pf-v5-global--link--Color--hover: #bb2842;
  --pf-v5-global--FontFamily--text: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.login-pf body {
  min-height: 100vh;
  height: auto;
  margin: 0;
  color: var(--naro-ink);
  background: radial-gradient(ellipse at 12% 8%, #ffe6eb, transparent 48%), #f8f7f6;
}

.pf-v5-c-login {
  min-height: 100vh;
  padding: 40px 24px;
}

.pf-v5-c-login__container {
  width: min(100%, 480px);
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin-inline: auto;
}

#kc-header-wrapper {
  color: var(--naro-brand) !important;
  text-transform: lowercase;
  font-size: 36px;
  font-weight: 800;
  letter-spacing: -2px;
}

.pf-v5-c-login__main {
  overflow: hidden;
  border: 1px solid #e9e5e5;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 60px #18202c0b;
}

.pf-v5-c-login__main-header {
  padding: 32px 32px 12px;
  border-top: 0;
}

#kc-page-title {
  font-size: 28px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -1px;
}

.pf-v5-c-login__main-body { padding: 16px 32px 32px; }
.pf-v5-c-form { gap: 18px; }
.pf-v5-c-form__label { font-size: 13px; font-weight: 600; }

.pf-v5-c-form-control {
  --pf-v5-c-form-control--BorderRadius: 12px;
  --pf-v5-c-form-control--after--BorderBottomWidth: 1px;
  --pf-v5-c-form-control--after--BorderBottomColor: #dedce0;
  --pf-v5-c-form-control--focus-within--after--BorderBottomColor: var(--naro-brand);
  min-height: 46px;
}

.pf-v5-c-form-control input { padding: 11px 14px; font-size: 15px; }
.pf-v5-c-form-control select { font-size: 12px; }
.pf-v5-c-button { border-radius: 12px; }
.pf-v5-c-button.pf-m-primary {
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 650;
}

.pf-v5-c-login__main-footer-band { background: #fff; text-align: center; }
.pf-v5-c-alert { border-radius: 12px; font-size: 14px; }
.pf-v5-c-login__main-header-utilities { align-self: center; }
#kc-form-options { font-size: 13px; }

@media (max-width: 520px) {
  .pf-v5-c-login { padding: 24px 16px; }
  .pf-v5-c-login__main-header { padding: 24px 24px 10px; }
  .pf-v5-c-login__main-body { padding: 12px 24px 24px; }
  #kc-page-title { font-size: 25px; }
}