@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
  --fertily-primary: #e85a9b;
  --fertily-primary-50: #fdf2f7;
  --fertily-primary-600: #dc3e87;
  --fertily-primary-700: #c62d73;
  --fertily-secondary: #2ea8d6;
  --fertily-secondary-600: #1a81af;
  --fertily-heading: #421b36;
  --fertily-dark: #00212e;
  --fertily-blush: #fdf2f7;
  --fertily-border: #f9cee2;
  --fertily-muted: #667085;
  --pf-v5-global--FontFamily--sans-serif: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-global--FontFamily--sans-serif: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-v5-global--primary-color--100: var(--fertily-primary);
  --pf-v5-global--primary-color--200: var(--fertily-primary-700);
  --pf-global--primary-color--100: var(--fertily-primary);
  --pf-global--primary-color--200: var(--fertily-primary-700);
  --pf-v5-global--link--Color: var(--fertily-primary-700);
  --pf-v5-global--link--Color--hover: var(--fertily-secondary-600);
  --pf-global--link--Color: var(--fertily-primary-700);
  --pf-global--link--Color--hover: var(--fertily-secondary-600);
}

html,
body {
  min-height: 100%;
  font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  color: var(--fertily-dark);
  background:
    linear-gradient(135deg, rgba(232, 90, 155, 0.1), #ffffff 50%, rgba(46, 168, 214, 0.1)) !important;
}

.pf-v5-c-page,
.pf-c-page,
.pf-v5-c-page__main,
.pf-c-page__main,
.pf-v5-c-page__main-section,
.pf-c-page__main-section,
main {
  background: transparent !important;
}

.pf-v5-c-masthead,
.pf-c-masthead,
.pf-v5-c-page__header,
.pf-c-page__header {
  min-height: 3.75rem;
  border-bottom: 1px solid var(--fertily-border) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 1px 18px rgba(66, 27, 54, 0.08) !important;
  backdrop-filter: blur(12px);
}

.pf-v5-c-page__sidebar,
.pf-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-c-page__sidebar-body {
  border-right: 1px solid var(--fertily-border) !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

.pf-v5-c-nav__link,
.pf-c-nav__link {
  border-radius: 0.5rem !important;
  color: var(--fertily-muted) !important;
  font-weight: 700 !important;
}

.pf-v5-c-nav__link:hover,
.pf-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current,
.pf-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link,
.pf-c-nav__item.pf-m-current > .pf-c-nav__link {
  color: var(--fertily-heading) !important;
  background: var(--fertily-primary-50) !important;
}

a,
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-link {
  color: var(--fertily-primary-700) !important;
  font-weight: 700;
}

.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
button.pf-m-primary {
  border-color: transparent !important;
  border-radius: 0.5rem !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, var(--fertily-primary), var(--fertily-secondary)) !important;
  box-shadow: 0 12px 24px rgba(232, 90, 155, 0.2) !important;
}

.pf-v5-c-card,
.pf-c-card,
.pf-v5-c-panel,
.pf-c-panel,
.pf-v5-c-page__main-section[class*="pf-m-light"],
.pf-c-page__main-section[class*="pf-m-light"] {
  border: 1px solid var(--fertily-border) !important;
  border-radius: 0.75rem !important;
  background: #ffffff !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.pf-v5-c-form-control,
.pf-c-form-control,
input,
select,
textarea {
  border-color: var(--fertily-border) !important;
  border-radius: 0.5rem !important;
}

.pf-v5-c-form-control:focus,
.pf-c-form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--fertily-primary) !important;
  box-shadow: 0 0 0 3px rgba(232, 90, 155, 0.16) !important;
}

h1,
h2,
h3,
.pf-v5-c-title,
.pf-c-title {
  color: var(--fertily-heading) !important;
  letter-spacing: -0.02em;
}