:root {
  --bnd-size-1: 0.0625rem;
  --bnd-size-2: 0.125rem;
  --bnd-size-3: 0.1875rem;
  --bnd-size-3-5: 3.5px;
  --bnd-size-4: 0.25rem;
  --bnd-size-5: 0.3125rem;
  --bnd-size-6: 0.375rem;
  --bnd-size-8: 0.5rem;
  --bnd-size-9: 0.5625rem;
  --bnd-size-10: 0.625rem;
  --bnd-size-11: 0.6875rem;
  --bnd-size-12: 0.75rem;
  --bnd-size-13: 0.8125rem;
  --bnd-size-14: 0.875rem;
  --bnd-size-15: 0.9375rem;
  --bnd-size-16: 1rem;
  --bnd-size-18: 1.125rem;
  --bnd-size-20: 1.25rem;
  --bnd-size-22: 1.375rem;
  --bnd-size-24: 1.5rem;
  --bnd-size-25-6: 1.6rem;
  --bnd-size-28: 1.75rem;
  --bnd-size-30: 1.875rem;
  --bnd-size-30-4: 1.9rem;
  --bnd-size-32: 2rem;
  --bnd-size-36: 2.25rem;
  --bnd-size-40: 2.5rem;
  --bnd-size-48: 3rem;
  --bnd-size-56: 3.5rem;
  --bnd-size-57-6: 3.6rem;
  --bnd-size-64: 4rem;
  --bnd-size-420: 26.25rem;
  --bnd-size-480: 30rem;
}

@font-face {
  font-family: "Zerone Hero";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/zerone_theme/fonts/alexandria-arabic-var.woff2") format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
@font-face {
  font-family: "Zerone Hero";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/zerone_theme/fonts/alexandria-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body.bnd-auth-hero {
  --bnd-hero-paper: #f7faf8;
  --bnd-hero-sheet: #ffffff;
  --bnd-hero-rule: #dfe7e1;
  --bnd-hero-ink: #16181d;
  --bnd-hero-ink-2: #494d57;
  --bnd-hero-emph: #387649;
  --bnd-hero-orbit: #4cc68f;
  --bnd-hero-orbit-mid: #2f9463;
  --bnd-hero-orbit-halo: rgba(47, 148, 99, 0.18);
  --bnd-hero-leaf: #1f7f57;
  --bnd-hero-bubble-ink: #16181d;
  --bnd-hero-cobalt: #3d8150;
  --bnd-hero-on-cobalt: #ffffff;
  --bnd-hero-sky: #d6eadb;
  --bnd-hero-mist: #ffffff;
  --bnd-hero-disc: #e2f0e7;
  --bnd-hero-mint: #a9ddc6;
  --bnd-hero-shadow: 0 1px 0 rgba(22, 24, 29, 0.05), 0 10px 30px -14px rgba(22, 24, 29, 0.28);
  --bnd-hero-tile-shadow: drop-shadow(0 16px 22px rgba(41, 80, 54, 0.35));
  --bnd-hero-face: "Zerone Hero", "Geeza Pro", tahoma, system-ui, sans-serif;
  --bnd-hero-title: clamp(2rem, 10.5cqi, 4.25rem);
  --bnd-hero-title-lh: 1.16;
  --bnd-hero-lead: clamp(1.1rem, 0.95rem + 0.45vw, 1.4rem);
  --bnd-hero-small: 0.875rem;
  --bnd-hero-band-title: clamp(1.5rem, 1.1rem + 2.4vw, 2.1rem);
  --bnd-hero-pad: clamp(24px, 4vw, 72px);
  --bnd-hero-gap: 24px;
  --bnd-hero-gap-sm: 12px;
  --bnd-hero-pill: 999px;
  --bnd-hero-mark: 40px;
  --bnd-hero-art: min(380px, 100%, 40vh);
  --bnd-hero-turn: 40s;
}

@media (prefers-color-scheme: dark) {
  body.bnd-auth-hero:not(.bnd-auth-theme-light):not(.bnd-auth-theme-dark) {
    --bnd-hero-paper: #0f241a;
    --bnd-hero-sheet: #16321f;
    --bnd-hero-rule: rgba(255, 255, 255, 0.08);
    --bnd-hero-ink: #ffffff;
    --bnd-hero-ink-2: #c9e3d3;
    --bnd-hero-emph: #4cc68f;
    --bnd-hero-orbit: #4cc68f;
    --bnd-hero-orbit-mid: #4cc68f;
    --bnd-hero-orbit-halo: rgba(76, 198, 143, 0.25);
    --bnd-hero-leaf: #4cc68f;
    --bnd-hero-disc: color-mix(in srgb, #4cc68f 16%, #0f241a);
    --bnd-hero-mint: color-mix(in srgb, #a9ddc6 45%, #0f241a);
  }
}
body.bnd-auth-hero.bnd-auth-theme-dark {
  --bnd-hero-paper: #0f241a;
  --bnd-hero-sheet: #16321f;
  --bnd-hero-rule: rgba(255, 255, 255, 0.08);
  --bnd-hero-ink: #ffffff;
  --bnd-hero-ink-2: #c9e3d3;
  --bnd-hero-emph: #4cc68f;
  --bnd-hero-orbit: #4cc68f;
  --bnd-hero-orbit-mid: #4cc68f;
  --bnd-hero-orbit-halo: rgba(76, 198, 143, 0.25);
  --bnd-hero-leaf: #4cc68f;
  --bnd-hero-disc: color-mix(in srgb, #4cc68f 16%, #0f241a);
  --bnd-hero-mint: color-mix(in srgb, #a9ddc6 45%, #0f241a);
}

body.bnd-auth-hero .bnd-hero-copy:lang(en) {
  --bnd-hero-title: clamp(var(--bnd-size-30-4), 8.2cqi, var(--bnd-size-57-6));
  --bnd-hero-title-lh: 1.04;
}

body.bnd-auth-hero .bnd-hero {
  box-sizing: border-box;
  padding: var(--bnd-hero-pad);
  background: var(--bnd-hero-paper);
  color: var(--bnd-hero-ink);
  font-family: var(--bnd-hero-face);
  line-height: 1.55;
}

body.bnd-auth-hero .bnd-hero :where(p, h2, ul, figure) {
  margin: 0;
}

body.bnd-auth-hero .bnd-hero :where(ul) {
  padding: 0;
  list-style: none;
}

body.bnd-auth-hero .bnd-hero-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--bnd-hero-gap-sm);
  font-size: var(--bnd-size-25-6);
  font-weight: 400;
  line-height: 1;
}

body.bnd-auth-hero .bnd-hero-brand img {
  inline-size: var(--bnd-hero-mark);
  block-size: var(--bnd-hero-mark);
}

body.bnd-auth-hero .bnd-hero-brand b {
  font-weight: 700;
}

body.bnd-auth-hero .bnd-hero-copy {
  container-type: inline-size;
  text-align: start;
}

body.bnd-auth-hero .bnd-hero-eyebrow {
  display: flex;
  align-items: flex-start;
  gap: var(--bnd-size-10);
  margin-block-start: var(--bnd-hero-gap);
  color: var(--bnd-hero-ink-2);
  font-size: var(--bnd-hero-small);
  font-weight: 500;
}

body.bnd-auth-hero .bnd-hero-eyebrow::before {
  content: "";
  flex: none;
  margin-block-start: calc(0.775em - var(--bnd-size-4));
  inline-size: var(--bnd-size-8);
  block-size: var(--bnd-size-8);
  border-radius: 50%;
  background: var(--bnd-hero-orbit-mid);
  box-shadow: 0 0 0 var(--bnd-size-3) var(--bnd-hero-orbit-halo);
}

body.bnd-auth-hero .bnd-hero-title {
  margin-block: var(--bnd-size-20) var(--bnd-size-24);
  color: var(--bnd-hero-ink);
  font-family: var(--bnd-hero-face);
  font-size: var(--bnd-hero-title);
  font-weight: 700;
  line-height: var(--bnd-hero-title-lh);
  text-wrap: balance;
}

body.bnd-auth-hero .bnd-hero-line {
  display: block;
}

body.bnd-auth-hero .bnd-hero-emph {
  position: relative;
  display: inline-block;
  color: var(--bnd-hero-emph);
}

body.bnd-auth-hero .bnd-hero-orbit {
  position: absolute;
  inset-inline: -2%;
  inset-block-end: -0.06em;
  inline-size: 104%;
  block-size: 0.2em;
  overflow: visible;
}

body.bnd-auth-hero .bnd-hero-copy[dir=rtl] .bnd-hero-orbit {
  transform: scaleX(-1);
}

body.bnd-auth-hero .bnd-hero-orbit path {
  fill: none;
  stroke: var(--bnd-hero-orbit-mid);
  stroke-width: 4;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

body.bnd-auth-hero .bnd-hero-orbit-dot {
  position: absolute;
  inset-inline-end: -0.16em;
  inset-block-start: -0.02em;
  inline-size: 0.2em;
  block-size: 0.2em;
  min-inline-size: var(--bnd-size-9);
  min-block-size: var(--bnd-size-9);
  border-radius: 50%;
  background: var(--bnd-hero-orbit);
  box-shadow: 0 0 0 var(--bnd-size-2) var(--bnd-hero-paper), 0 0 0 var(--bnd-size-3-5) var(--bnd-hero-orbit-mid);
}

body.bnd-auth-hero .bnd-hero-body {
  max-inline-size: 34ch;
  color: var(--bnd-hero-ink-2);
  font-size: var(--bnd-hero-lead);
  line-height: 1.6;
  text-wrap: pretty;
}

body.bnd-auth-hero .bnd-hero-services {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bnd-size-10) var(--bnd-size-22);
  margin-block-start: var(--bnd-hero-gap);
  color: var(--bnd-hero-ink-2);
  font-size: var(--bnd-hero-small);
}

body.bnd-auth-hero .bnd-hero-services li {
  display: inline-flex;
  align-items: center;
  gap: var(--bnd-size-8);
}

body.bnd-auth-hero .bnd-hero-tick {
  flex: none;
  inline-size: var(--bnd-size-16);
  block-size: var(--bnd-size-16);
  fill: none;
  stroke: var(--bnd-hero-leaf);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.bnd-auth-hero .bnd-hero-art {
  position: relative;
  inline-size: var(--bnd-hero-art);
  aspect-ratio: 1/1.04;
  margin-block-start: var(--bnd-hero-gap);
  container-type: inline-size;
}

body.bnd-auth-hero .bnd-hero-disc {
  position: absolute;
  inset-block-start: 18%;
  inset-inline-end: 8%;
  inline-size: 34%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--bnd-hero-disc);
}

body.bnd-auth-hero .bnd-hero-ring {
  position: absolute;
  inset-block: 21% 23%;
  inset-inline: 21% 19%;
  border: 8.5cqw solid var(--bnd-hero-mint);
  border-radius: 50%;
}

body.bnd-auth-hero .bnd-hero-circuit {
  position: absolute;
  inset-block: 14% 16%;
  inset-inline: 14% 12%;
  border: var(--bnd-size-2) solid transparent;
  border-block-start-color: var(--bnd-hero-orbit-mid);
  border-radius: 50%;
  transform: rotate(10deg);
  animation: bnd-hero-turn var(--bnd-hero-turn) linear infinite;
}

body.bnd-auth-hero .bnd-hero-circuit span {
  position: absolute;
  inset-block-start: 14.6%;
  inset-inline-start: 85.4%;
  inline-size: 3.2cqw;
  block-size: 3.2cqw;
  min-inline-size: var(--bnd-size-10);
  min-block-size: var(--bnd-size-10);
  margin-block-start: -1.6cqw;
  margin-inline-start: -1.6cqw;
  border-radius: 50%;
  background: var(--bnd-hero-orbit);
  box-shadow: 0 0 0 var(--bnd-size-3) var(--bnd-hero-paper), 0 0 0 var(--bnd-size-5) var(--bnd-hero-orbit-mid);
}

@keyframes bnd-hero-turn {
  from {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(370deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.bnd-auth-hero .bnd-hero-circuit {
    animation: none;
  }
}
body.bnd-auth-hero .bnd-hero-tile {
  position: absolute;
  inset: 0;
  z-index: 2;
  inline-size: 27cqw;
  block-size: 27cqw;
  margin: auto;
  transform: rotate(-6deg);
  filter: var(--bnd-hero-tile-shadow);
}

body.bnd-auth-hero .bnd-hero-bubble {
  position: absolute;
  z-index: 3;
  max-inline-size: 56cqw;
  padding-block: 2.1cqw 2.4cqw;
  padding-inline: 3.3cqw;
  border-radius: 4.4cqw;
  background: var(--bnd-hero-sky);
  box-shadow: var(--bnd-hero-shadow);
  color: var(--bnd-hero-bubble-ink);
  font-size: clamp(var(--bnd-size-12), 3.6cqw, var(--bnd-size-18));
  font-weight: 700;
  line-height: 1.45;
}

body.bnd-auth-hero .bnd-hero-bubble-1 {
  inset-block-start: 3%;
  inset-inline-start: 0;
  background: var(--bnd-hero-cobalt);
  color: var(--bnd-hero-on-cobalt);
  transform: rotate(-3deg);
}

body.bnd-auth-hero .bnd-hero-bubble-2 {
  inset-block-start: 40%;
  inset-inline-end: -6cqw;
  max-inline-size: 38cqw;
  text-wrap: balance;
  transform: rotate(3deg);
}

body.bnd-auth-hero .bnd-hero-bubble-2 .bnd-hero-answer {
  inset-inline-start: auto;
  inset-inline-end: 0;
  inline-size: max-content;
  max-inline-size: 38cqw;
  white-space: normal;
  text-wrap: balance;
}

body.bnd-auth-hero .bnd-hero-bubble-3 {
  inset-block-end: 12%;
  inset-inline-start: 4%;
  background: var(--bnd-hero-mist);
  transform: rotate(-2deg);
}

body.bnd-auth-hero .bnd-hero-answer {
  position: absolute;
  inset-block-start: calc(100% + 1.6cqw);
  inset-inline-start: 6cqw;
  padding-block: 0.9cqw;
  padding-inline: 2cqw;
  border-radius: var(--bnd-hero-pill);
  background: var(--bnd-hero-sheet);
  box-shadow: var(--bnd-hero-shadow);
  color: var(--bnd-hero-leaf);
  font-size: clamp(var(--bnd-size-11), 2.7cqw, var(--bnd-size-14));
  font-weight: 700;
  white-space: nowrap;
}

body.bnd-auth-hero :is(.btn, .form-control, a, [tabindex]):focus-visible {
  outline-color: var(--bnd-brand-ink);
}

body.bnd-auth-hero .page-card-head img.app-logo[src$="/zerone-one-mark.svg"] {
  display: none;
}

body.bnd-auth-hero :is(.for-login, .for-signup, .for-forgot, .for-login-with-email-link, .for-email-login, .for-reset-password) .page-card {
  gap: var(--bnd-size-28);
}

body.bnd-auth-hero .page-card .page-card-head h4 {
  font-size: var(--bnd-size-28);
  letter-spacing: normal;
  line-height: 1.25;
}

body.bnd-auth-hero .page-card .page-card-head .page-card-subtitle {
  font-size: var(--bnd-size-15);
  letter-spacing: normal;
}

body.bnd-auth-hero .page-card form {
  gap: var(--bnd-size-24);
}

body.bnd-auth-hero .page-card .page-card-body {
  gap: var(--bnd-size-20);
}

body.bnd-auth-hero .page-card form .form-group {
  gap: var(--bnd-size-8);
}

body.bnd-auth-hero .page-card .page-card-body .form-label {
  color: var(--bnd-ink);
  font-size: var(--bnd-size-14);
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.4;
}

body.bnd-auth-hero .page-card .page-card-body :is(input[type=text], input[type=email], input[type=password]) {
  block-size: var(--bnd-size-48);
  border-color: var(--bnd-border-strong);
  border-radius: var(--bnd-size-10);
  font-size: var(--bnd-size-16);
  letter-spacing: normal;
}

body.bnd-auth-hero .page-card .page-card-body :is(input[type=text], input[type=email], input[type=password]):focus {
  border-color: var(--bnd-brand-ink);
  outline-offset: 0;
}

body.bnd-auth-hero .page-card .page-card-body .field-icon {
  margin-inline-start: var(--bnd-size-6);
}

body.bnd-auth-hero .page-card .page-card-body .password-field .toggle-password {
  margin-inline-end: var(--bnd-size-5);
}

body.bnd-auth-hero .page-card .page-card-body .forgot-password-message > a {
  color: var(--bnd-brand-ink);
  font-size: var(--bnd-size-14);
  font-weight: 600;
  letter-spacing: normal;
}

body.bnd-auth-hero .page-card .sign-up-message a {
  color: var(--bnd-brand-ink);
  font-size: var(--bnd-size-14);
  font-weight: 600;
  letter-spacing: normal;
}

body.bnd-auth-hero .page-card .page-card-actions :is(.btn-login, .btn-ldap-login, .btn-signup, .btn-login-option) {
  min-block-size: var(--bnd-size-48);
  padding-block: var(--bnd-size-10);
  padding-inline: var(--bnd-size-16);
  border-radius: var(--bnd-size-10);
  font-size: var(--bnd-size-16);
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.35;
}

body.bnd-auth-hero .page-card .page-card-actions .btn-login-option {
  border: var(--bnd-size-1) solid var(--bnd-border-strong);
  font-size: var(--bnd-size-15);
}

body.bnd-auth-hero .bnd-auth-language-switch {
  gap: var(--bnd-size-2);
  padding: var(--bnd-size-3);
  border-width: 0;
  border-radius: var(--bnd-size-10);
}

body.bnd-auth-hero .bnd-auth-language-choice {
  block-size: var(--bnd-size-30);
  padding-block: 0;
  padding-inline: var(--bnd-size-12);
  border-radius: var(--bnd-size-8);
  font-size: var(--bnd-size-13);
}

@media (width >= 768px) {
  body.bnd-auth-hero.bnd-auth-split .page-content-wrapper > main {
    padding-inline: clamp(var(--bnd-size-24), 4vw, var(--bnd-size-56));
  }
  body.bnd-auth-hero.bnd-auth-split .page-content-wrapper::after {
    content: none;
  }
  body.bnd-auth-hero .bnd-hero {
    position: fixed;
    z-index: 0;
    inset-block: 0;
    inset-inline-start: min(var(--bnd-size-480), 52%);
    inset-inline-end: 0;
    display: flex;
    flex-direction: column;
    justify-content: safe center;
    overflow: auto;
  }
}
@media (width >= 1200px) {
  body.bnd-auth-hero .bnd-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) calc(var(--bnd-hero-art) + var(--bnd-size-40));
    align-content: center;
    align-items: center;
    column-gap: clamp(var(--bnd-size-24), 3vw, var(--bnd-size-56));
  }
  body.bnd-auth-hero .bnd-hero-art {
    justify-self: start;
    margin-block-start: 0;
  }
}
@media (width < 1200px) {
  body.bnd-auth-hero .bnd-hero-art {
    display: none;
  }
}
@media (width < 768px) {
  body.bnd-auth-hero .bnd-hero {
    block-size: var(--bnd-size-64);
    padding-block: var(--bnd-size-16);
    padding-inline: var(--bnd-size-24);
    background: transparent;
  }
  body.bnd-auth-hero :is(.bnd-hero-eyebrow, .bnd-hero-title, .bnd-hero-body, .bnd-hero-services) {
    display: none;
  }
  body.bnd-auth-hero .bnd-hero-brand {
    font-size: var(--bnd-size-20);
  }
  body.bnd-auth-hero .bnd-hero-brand img {
    inline-size: var(--bnd-size-32);
    block-size: var(--bnd-size-32);
  }
  body.bnd-auth-hero .bnd-auth-language-switch {
    position: absolute;
    inset-block-start: calc((var(--bnd-size-64) - var(--bnd-size-36)) / 2);
    inset-inline-start: auto;
    inset-inline-end: var(--bnd-size-24);
  }
  body.bnd-auth-hero.bnd-auth-split .page-content-wrapper {
    min-block-size: calc(100svh - var(--bnd-size-64));
    padding-block: var(--bnd-size-8) var(--bnd-size-40);
  }
  body.bnd-auth-hero :is(.for-login, .for-signup, .for-forgot, .for-login-with-email-link, .for-email-login, .for-reset-password) .page-card {
    min-block-size: auto;
    max-inline-size: var(--bnd-size-420);
    padding: var(--bnd-size-32);
  }
}
@media (width < 576px) {
  body.bnd-auth-hero.bnd-auth-split {
    background-color: var(--bnd-surface);
  }
  body.bnd-auth-hero.bnd-auth-split .page-content-wrapper {
    min-block-size: auto;
    padding-block: 0;
  }
  body.bnd-auth-hero :is(.for-login, .for-signup, .for-forgot, .for-login-with-email-link, .for-email-login, .for-reset-password) .page-card {
    max-inline-size: none;
    padding-block: var(--bnd-size-16) var(--bnd-size-40);
    padding-inline: 0;
  }
}