:root {
  --pf-v5-global--primary-color--100: #ff4d7a;
  --pf-v5-global--primary-color--200: #f13c6b;
  --pf-v5-global--BackgroundColor--100: #0b0b10;
  --pf-v5-global--Color--100: #f7f5fb;
}

body {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 77, 122, 0.18), transparent 34rem),
    #09090d;
  color: #f7f5fb;
}

.pf-v5-c-login__container {
  grid-template-areas: "header" "main";
  grid-template-columns: minmax(0, 34rem);
}

.pf-v5-c-login__main {
  background: rgba(19, 18, 25, 0.96);
  border: 1px solid #2e2b37;
  border-radius: 18px;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.4);
}

.pf-v5-c-login__main-header {
  padding-block-start: 2.25rem;
}

.pf-v5-c-login__main-header-desc,
.pf-v5-c-form__helper-text,
.pf-v5-c-login__main-footer-links-item {
  color: #aaa5b2;
}

.pf-v5-c-button.pf-m-primary {
  background: #ff4d7a;
  border-radius: 9px;
  color: #17070d;
  font-weight: 700;
}

.pf-v5-c-form-control {
  background: #0e0d13;
  border-color: #3a3644;
  color: #f7f5fb;
}

#kc-header-wrapper::before {
  color: #ff4d7a;
  content: "MADI CUT";
  display: block;
  font-size: 1.9rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

#kc-header-wrapper {
  font-size: 0;
}