/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@layer properties;
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Heading Now";
  src: url("../fonts/HeadingNow-37Extrabold.otf") format("opentype");
  font-weight: 800;
  font-display: swap;
}
body.wp-core-ui {
  background-color: var(--color-neutral-100, oklch(97% 0 0));
  font-family: var(--font-body, Poppins, Arial, Helvetica, sans-serif);
  form {
    border-style: var(--tw-border-style);
    border-width: 0px;
    border-color: transparent;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .button {
    display: flex;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 2);
    border-radius: var(--radius-sm, 0.25rem);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing, 0.25rem) * 4) !important;
    padding-block: calc(var(--spacing, 0.25rem) * 2) !important;
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-leading: 1.75;
    line-height: 1.75;
    --tw-font-weight: var(--font-weight-semibold, 600);
    font-weight: var(--font-weight-semibold, 600);
    white-space: nowrap;
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 50%;
    }
    &:disabled {
      --tw-grayscale: grayscale(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
    @media (width >= 64rem) {
      font-size: var(--text-sm, 0.875rem);
      line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    }
    &.is-disabled {
      cursor: help;
    }
  }
  .button-primary {
    border-color: var(--color-primary, #fff101);
    background-color: var(--color-primary, #fff101);
    color: var(--color-neutral-900, #161616);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-neutral-900, #161616);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-primary, #fff101);
      }
    }
    &.is-active {
      background-color: var(--color-neutral-900, #161616);
      color: var(--color-primary, #fff101);
    }
    &.is-disabled {
      border-color: var(--color-neutral-400, oklch(70.8% 0 0));
      background-color: var(--color-neutral-400, oklch(70.8% 0 0));
      color: color-mix(in srgb, #fff101 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-primary, #fff101) 50%, transparent);
      }
    }
  }
  input[type="color"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="datetime"],
  input[type="email"],
  input[type="month"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="time"],
  input[type="url"],
  input[type="week"],
  select,
  textarea {
    border-radius: var(--radius-sm, 0.25rem);
    padding-inline: calc(var(--spacing, 0.25rem) * 4) !important;
    padding-block: calc(var(--spacing, 0.25rem) * 3) !important;
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
    outline-style: var(--tw-outline-style);
    outline-width: 0px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
    border-color: var(--color-neutral-100, oklch(97% 0 0));
    &::placeholder {
      color: var(--color-neutral-500, oklch(55.6% 0 0));
    }
    &:focus {
      border-color: var(--color-primary, #fff101);
    }
    &:focus {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      outline-style: var(--tw-outline-style);
      outline-width: 0px;
    }
  }
  .admin-email__actions div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing, 0.25rem) * 4);
  }
  #nav {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing, 0.25rem) * 3);
    padding: calc(var(--spacing, 0.25rem) * 0);
    color: transparent;
    .wp-login-register {
      display: flex;
      width: fit-content;
      cursor: pointer;
      align-items: center;
      gap: calc(var(--spacing, 0.25rem) * 2);
      border-radius: var(--radius-sm, 0.25rem);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-primary, #fff101);
      background-color: var(--color-primary, #fff101);
      padding-inline: calc(var(--spacing, 0.25rem) * 6);
      padding-block: calc(var(--spacing, 0.25rem) * 3.5);
      font-size: var(--text-xs, 0.75rem);
      line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
      --tw-leading: 1.75;
      line-height: 1.75;
      --tw-font-weight: var(--font-weight-semibold, 600);
      font-weight: var(--font-weight-semibold, 600);
      white-space: nowrap;
      color: var(--color-neutral-900, #161616);
      text-transform: uppercase;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
      --tw-duration: 200ms;
      transition-duration: 200ms;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-neutral-900, #161616);
        }
      }
      &:hover {
        @media (hover: hover) {
          color: var(--color-primary, #fff101);
        }
      }
      &:disabled {
        cursor: not-allowed;
      }
      &:disabled {
        opacity: 50%;
      }
      &:disabled {
        --tw-grayscale: grayscale(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
      @media (width >= 64rem) {
        font-size: var(--text-sm, 0.875rem);
        line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
      }
      &.is-active {
        background-color: var(--color-neutral-900, #161616);
        color: var(--color-primary, #fff101);
      }
      &.is-disabled {
        border-color: var(--color-neutral-400, oklch(70.8% 0 0));
        background-color: var(--color-neutral-400, oklch(70.8% 0 0));
        color: color-mix(in srgb, #fff101 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          color: color-mix(in oklab, var(--color-primary, #fff101) 50%, transparent);
        }
      }
    }
    a:not(.wp-login-register) {
      text-decoration-line: underline;
      text-decoration-color: currentcolor;
      text-underline-offset: 8px;
      &:hover {
        @media (hover: hover) {
          color: var(--color-neutral-600, oklch(43.9% 0 0));
        }
      }
    }
  }
}
body.login {
  margin: calc(var(--spacing, 0.25rem) * 0);
  min-height: 100vh;
  background-color: var(--color-white, #fff);
  font-family: var(--font-body, Poppins, Arial, Helvetica, sans-serif);
  color: var(--color-neutral-900, #161616);
  @media (width >= 64rem) {
    padding-left: 50%;
  }
  max-width: none;
}
body.login,
body.login *,
body.login *::before,
body.login *::after {
  box-sizing: border-box;
}
body.login .wp-login-logo,
body.login #backtoblog,
body.login .privacy-policy-page-link,
body.login .language-switcher {
  display: none;
}
body.login-action-login #nav {
  display: none;
}
.m-login-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--color-white, #fff);
  min-height: 20rem;
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  padding-block: calc(var(--spacing, 0.25rem) * 8);
  @media (width >= 64rem) {
    min-height: 100vh;
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 14);
  }
  @media (width >= 64rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 12);
  }
  @media (width >= 64rem) {
    position: fixed;
  }
  @media (width >= 64rem) {
    inset-block: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 64rem) {
    left: calc(var(--spacing, 0.25rem) * 0);
  }
  @media (width >= 64rem) {
    width: calc(1/2 * 100%);
  }
  background-color: #161616;
  background-image: linear-gradient(
      180deg,
      rgba(22, 22, 22, 0.45) 0%,
      rgba(22, 22, 22, 0.85) 55%,
      rgba(22, 22, 22, 0.97) 100%
    ),
    radial-gradient(120% 90% at 72% 28%, #303030 0%, #161616 62%);
  background-size: cover;
  background-position: center;
}
.m-login-hero__bg {
  position: absolute;
  inset: calc(var(--spacing, 0.25rem) * 0);
  z-index: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.m-login-hero__overlay {
  pointer-events: none;
  position: absolute;
  inset: calc(var(--spacing, 0.25rem) * 0);
  z-index: 0;
  background: linear-gradient(
    180deg,
    rgba(22, 22, 22, 0.45) 0%,
    rgba(22, 22, 22, 0.8) 55%,
    rgba(22, 22, 22, 0.95) 100%
  );
}
.m-login-hero__inner {
  position: relative;
  z-index: 10;
  margin-right: auto;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  max-width: 34rem;
}
.m-login-hero__logo {
  display: block;
  height: auto;
  width: auto;
  max-width: 8.2rem;
  max-height: 8.2rem;
}
.m-login-hero__badge {
  display: inline-flex;
  width: fit-content;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  --tw-leading: 1;
  line-height: 1;
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-primary, #fff101);
  background-color: color-mix(in srgb, #161616 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-neutral-900, #161616) 60%, transparent);
  }
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
}
.m-login-hero__badge-top,
.m-login-hero__badge-bottom {
  font-size: 0.5rem;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: 0.5em;
  letter-spacing: 0.5em;
  color: var(--color-white, #fff);
  text-transform: uppercase;
}
.m-login-hero__badge-main {
  margin-block: calc(var(--spacing, 0.25rem) * 0.5);
  font-family: var(--font-heading, "Heading Now", Arial, Helvetica, sans-serif);
  font-size: 1.65rem;
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
  color: var(--color-primary, #fff101);
}
.m-login-hero__copy {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 64rem) {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
  }
}
.m-login-hero__title {
  font-family: var(--font-heading, "Heading Now", Arial, Helvetica, sans-serif);
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
  --tw-leading: 1.05;
  line-height: 1.05;
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
  @media (width >= 40rem) {
    font-size: var(--text-5xl, 3rem);
    line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  }
  @media (width >= 64rem) {
    font-size: var(--text-6xl, 3.75rem);
    line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
  }
  @media (width >= 80rem) {
    font-size: var(--text-7xl, 4.5rem);
    line-height: var(--tw-leading, var(--text-7xl--line-height, 1));
  }
  span {
    display: block;
    text-transform: uppercase;
  }
}
.m-login-hero__title-accent {
  color: var(--color-primary, #fff101);
}
.m-login-hero__text {
  margin-top: calc(var(--spacing, 0.25rem) * 7);
  max-width: var(--container-sm, 24rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-neutral-300, oklch(87% 0 0));
  text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.15));
}
.m-login-hero__bottom {
  margin-top: calc(var(--spacing, 0.25rem) * 12);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 6);
}
.m-login-hero__features {
  margin: calc(var(--spacing, 0.25rem) * 0);
  display: grid;
  list-style-type: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(var(--spacing, 0.25rem) * 6);
  row-gap: calc(var(--spacing, 0.25rem) * 4);
  padding: calc(var(--spacing, 0.25rem) * 0);
  max-width: 26rem;
}
.m-login-hero__feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.m-login-hero__feature-icon {
  flex: none;
  color: var(--color-primary, #fff101);
  svg {
    display: block;
    height: calc(var(--spacing, 0.25rem) * 6);
    width: calc(var(--spacing, 0.25rem) * 6);
  }
}
.m-login-hero__feature-label {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
  color: var(--color-white, #fff);
  text-transform: uppercase;
  text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.15));
}
.m-login-hero__feature-desc {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-snug, 1.375);
  line-height: var(--leading-snug, 1.375);
  color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-white, #fff) 60%, transparent);
  }
}
.m-login-hero__stat {
  margin-top: calc(var(--spacing, 0.25rem) * 12);
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 5);
  border-radius: var(--radius-md, 0.375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
  }
  background-color: color-mix(in srgb, #000 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black, #000) 40%, transparent);
  }
  padding: calc(var(--spacing, 0.25rem) * 5);
  max-width: 26rem;
}
.m-login-hero__stat-badge {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  --tw-leading: 1;
  line-height: 1;
  color: var(--color-primary, #fff101);
}
.m-login-hero__stat-eyebrow {
  font-size: 0.6rem;
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: 0.2em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.m-login-hero__stat-num {
  margin-block: calc(var(--spacing, 0.25rem) * 0.5);
  font-family: var(--font-heading, "Heading Now", Arial, Helvetica, sans-serif);
  font-size: var(--text-5xl, 3rem);
  line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
  --tw-tracking: 0.08em;
  letter-spacing: 0.08em;
}
.m-login-hero__stat-title {
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
  color: var(--color-white, #fff);
  text-transform: uppercase;
}
.m-login-hero__stat-text {
  margin-top: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-neutral-300, oklch(87% 0 0));
}
body.login #login {
  margin-inline: calc(var(--spacing, 0.25rem) * 0);
  width: 100%;
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  padding-block: calc(var(--spacing, 0.25rem) * 16);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 14);
  }
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 32);
  }
}
.m-login-intro {
  margin-bottom: calc(var(--spacing, 0.25rem) * 8);
}
.m-login-intro__title {
  margin: calc(var(--spacing, 0.25rem) * 0);
  padding: calc(var(--spacing, 0.25rem) * 0);
  font-family: var(--font-heading, "Heading Now", Arial, Helvetica, sans-serif);
  font-size: var(--text-3xl, 1.875rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  --tw-font-weight: var(--font-weight-extrabold, 800);
  font-weight: var(--font-weight-extrabold, 800);
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
  color: var(--color-neutral-900, #161616);
  @media (width >= 80rem) {
    font-size: var(--text-5xl, 3rem);
    line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  }
}
.m-login-intro__text {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  text-align: center;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-neutral-500, oklch(55.6% 0 0));
}
body.login #loginform {
  padding-inline: calc(var(--spacing, 0.25rem) * 0);
}
body.login #loginform p {
  margin-bottom: calc(var(--spacing, 0.25rem) * 5);
}
body.login #loginform .user-pass-wrap {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
}
body.login #loginform label[for="user_login"],
body.login #loginform label[for="user_pass"] {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
  display: block;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-neutral-800, oklch(26.9% 0 0));
}
body.login #loginform input[type="text"],
body.login #loginform input[type="password"] {
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200, oklch(92.2% 0 0));
  background-color: var(--color-white, #fff);
  color: var(--color-neutral-900, #161616);
}
body.login .wp-pwd {
  position: relative;
}
body.login .wp-pwd input {
  padding-right: calc(var(--spacing, 0.25rem) * 12) !important;
}
body.login .wp-pwd .wp-hide-pw {
  position: absolute;
  inset-block: calc(var(--spacing, 0.25rem) * 0);
  right: calc(var(--spacing, 0.25rem) * 0);
  display: flex;
  width: calc(var(--spacing, 0.25rem) * 11);
  align-items: center;
  justify-content: center;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  padding: calc(var(--spacing, 0.25rem) * 0);
  color: var(--color-neutral-400, oklch(70.8% 0 0));
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  &:hover {
    background-color: transparent;
    color: var(--color-neutral-800, oklch(26.9% 0 0));
  }
  .dashicons {
    font-size: var(--text-lg, 1.125rem);
    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  }
}
body.login .forgetmenot {
  margin-top: calc(var(--spacing, 0.25rem) * 1);
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  margin-left: calc(var(--spacing, 0.25rem) * 1);
  display: inline-flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: var(--color-neutral-600, oklch(43.9% 0 0));
  text-transform: none;
  input {
    margin: calc(var(--spacing, 0.25rem) * 0);
  }
  label {
    margin-bottom: 0;
  }
}
.m-login-forgot {
  float: right;
  margin-top: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-neutral-500, oklch(55.6% 0 0));
  text-decoration-line: none;
  &:hover {
    color: var(--color-neutral-800, oklch(26.9% 0 0));
    text-decoration-line: underline;
  }
}
body.login #loginform .submit {
  clear: both;
  margin: calc(var(--spacing, 0.25rem) * 0);
}
body.login #wp-submit {
  width: 100% !important;
  justify-content: center;
  padding-block: calc(var(--spacing, 0.25rem) * 3.5) !important;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  text-transform: none;
}
.m-login-topcta {
  position: fixed;
  top: calc(var(--spacing, 0.25rem) * 5);
  right: calc(var(--spacing, 0.25rem) * 5);
  z-index: 20;
  display: none;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  text-decoration-line: none;
  @media (width >= 64rem) {
    display: inline-flex;
  }
}
.m-login-topcta__label {
  display: none;
  color: var(--color-neutral-500, oklch(55.6% 0 0));
  @media (width >= 40rem) {
    display: inline;
  }
}
.m-login-topcta__btn {
  border-radius: var(--radius-sm, 0.25rem);
  background-color: var(--color-primary, #fff101);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-neutral-900, #161616);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.m-login-topcta:hover .m-login-topcta__btn {
  background-color: var(--color-neutral-900, #161616);
  color: var(--color-primary, #fff101);
}
.m-login-aside {
  width: 100%;
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  padding-bottom: calc(var(--spacing, 0.25rem) * 16);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 14);
  }
}
.m-login-divider {
  position: relative;
  margin-block: calc(var(--spacing, 0.25rem) * 8);
  text-align: center;
  &::before {
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing, 0.25rem) * 0);
    width: 100%;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-neutral-200, oklch(92.2% 0 0));
    content: "";
  }
  span {
    position: relative;
    background-color: var(--color-white, #fff);
    padding-inline: calc(var(--spacing, 0.25rem) * 3);
    font-size: var(--text-xs, 0.75rem);
    line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
    --tw-tracking: var(--tracking-wide, 0.025em);
    letter-spacing: var(--tracking-wide, 0.025em);
    color: var(--color-neutral-400, oklch(70.8% 0 0));
    text-transform: uppercase;
  }
}
.m-login-create {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 4);
  border-radius: var(--radius-md, 0.375rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-200, oklch(92.2% 0 0));
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
  padding: calc(var(--spacing, 0.25rem) * 5);
}
.m-login-create__icon {
  flex: none;
  color: var(--color-neutral-400, oklch(70.8% 0 0));
  svg {
    height: calc(var(--spacing, 0.25rem) * 7);
    width: calc(var(--spacing, 0.25rem) * 7);
  }
}
.m-login-create__copy {
  flex: 1;
}
.m-login-create__title {
  margin: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-neutral-900, #161616);
}
.m-login-create__text {
  margin-top: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-neutral-500, oklch(55.6% 0 0));
}
.m-login-create__btn {
  flex: none;
  border-radius: var(--radius-sm, 0.25rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-neutral-300, oklch(87% 0 0));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  white-space: nowrap;
  color: var(--color-neutral-900, #161616);
  text-decoration-line: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:hover {
    border-color: var(--color-neutral-900, #161616);
    background-color: var(--color-neutral-900, #161616);
    color: var(--color-white, #fff);
  }
}
.m-login-support {
  margin-top: calc(var(--spacing, 0.25rem) * 6);
  text-align: center;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  color: var(--color-neutral-500, oklch(55.6% 0 0));
  a {
    --tw-font-weight: var(--font-weight-medium, 500);
    font-weight: var(--font-weight-medium, 500);
    color: var(--color-neutral-900, #161616);
    text-decoration-line: none;
    &:hover {
      text-decoration-line: underline;
    }
  }
}
body.login #login_error,
body.login .message {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  width: 100%;
  border-radius: var(--radius-sm, 0.25rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
}
.m-login-trust {
  inset-inline: calc(var(--spacing, 0.25rem) * 0);
  z-index: 30;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
  }
  background-color: #0a0a0a;
}
.m-login-trust__list {
  margin: calc(var(--spacing, 0.25rem) * 0);
  display: flex;
  list-style-type: none;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  column-gap: calc(var(--spacing, 0.25rem) * 0);
  padding: calc(var(--spacing, 0.25rem) * 0);
}
.m-login-trust__item {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 3);
  padding: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 64rem) {
    padding: calc(var(--spacing, 0.25rem) * 6);
  }
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  min-width: 12rem;
}
.m-login-trust__item + .m-login-trust__item {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
  }
}
.m-login-trust__icon {
  display: inline-flex;
  flex: none;
  color: var(--color-primary, #fff101);
  svg {
    height: calc(var(--spacing, 0.25rem) * 6);
    width: calc(var(--spacing, 0.25rem) * 6);
  }
}
.m-login-hero {
  padding-bottom: calc(var(--spacing, 0.25rem) * 28);
  @media (width >= 64rem) {
    padding-top: calc(var(--spacing, 0.25rem) * 12);
  }
}
.m-login-aside {
  padding-bottom: calc(var(--spacing, 0.25rem) * 24);
  @media (width >= 64rem) {
    padding-bottom: calc(var(--spacing, 0.25rem) * 44);
  }
}
.m-login-highlights {
  display: none;
  width: 100%;
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  padding-bottom: calc(var(--spacing, 0.25rem) * 10);
  @media (width >= 40rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 14);
  }
}
.m-login-highlights .m-login-hero__bottom {
  margin-top: calc(var(--spacing, 0.25rem) * 0);
  gap: calc(var(--spacing, 0.25rem) * 0);
}
.m-login-highlights .m-login-hero__stat {
  width: 100%;
  gap: calc(var(--spacing, 0.25rem) * 4);
  border-color: color-mix(in srgb, #fff 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white, #fff) 10%, transparent);
  }
  background-color: var(--color-neutral-900, #161616);
  padding: calc(var(--spacing, 0.25rem) * 4);
  max-width: none;
}
.m-login-highlights .m-login-hero__stat-num {
  font-size: var(--text-4xl, 2.25rem);
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)));
}
@media (min-width: 64rem) and (max-height: 60rem) {
  body.login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }
  .m-login-hero {
    position: relative;
    width: auto;
    padding-top: calc(var(--spacing, 0.25rem) * 12);
    padding-bottom: calc(var(--spacing, 0.25rem) * 12);
    grid-column: 1;
    grid-row: 1 / 4;
    min-height: 100vh;
  }
  .m-login-hero__inner {
    height: auto;
    justify-content: center;
    min-height: calc(100vh - 6rem);
  }
  .m-login-hero .m-login-hero__bottom {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    gap: calc(var(--spacing, 0.25rem) * 0);
  }
  .m-login-hero .m-login-hero__features {
    row-gap: calc(var(--spacing, 0.25rem) * 5);
  }
  .m-login-hero .m-login-hero__feature-icon svg {
    height: calc(var(--spacing, 0.25rem) * 5);
    width: calc(var(--spacing, 0.25rem) * 5);
  }
  .m-login-topcta {
    position: absolute;
  }
  body.login #login {
    grid-column: 2;
    grid-row: 1;
  }
  body.login #loginform {
    margin-bottom: calc(var(--spacing, 0.25rem) * 0);
    padding-block: calc(var(--spacing, 0.25rem) * 0);
  }
  body.login #loginform p {
    margin-bottom: calc(var(--spacing, 0.25rem) * 4);
  }
  .m-login-aside {
    padding-bottom: calc(var(--spacing, 0.25rem) * 8);
    grid-column: 2;
    grid-row: 2;
  }
  .m-login-divider {
    margin-block: calc(var(--spacing, 0.25rem) * 5);
  }
  .m-login-create {
    gap: calc(var(--spacing, 0.25rem) * 3);
    padding: calc(var(--spacing, 0.25rem) * 4);
  }
  .m-login-support {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
  }
  .m-login-highlights {
    display: block;
    grid-column: 2;
    grid-row: 3;
  }
  .m-login-trust {
    position: static;
    grid-column: 1 / -1;
    grid-row: 4;
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-duration: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-outline-style: solid;
      --tw-tracking: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
    }
  }
}