@import url('./cybox-action-buttons.css?v=20260919-ecosystem1');

/* cyrillic-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/auth/onest-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/auth/onest-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/auth/onest-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(../fonts/auth/onest-latin.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;
}
/* cyrillic */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/auth/tenor-sans-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/auth/tenor-sans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Tenor Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/auth/tenor-sans-latin.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;
}


/* Public entry screens use the academy website's palette, independent of panel preferences. */
html.auth-site-root {
  --auth-bg: #f5f3f1;
  --auth-ink: #151614;
  --auth-muted: #50584e;
  --auth-green: var(--cy-action-bg, #08664f);
  --auth-green-hover: var(--cy-action-hover, #075540);
  --auth-line: #dedfd9;
  --auth-sage: #e7eee2;
  --auth-heading: 'Tenor Sans', 'Onest', Arial, sans-serif;
  --auth-body: 'Onest', Arial, sans-serif;
  --auth-gradient: radial-gradient(ellipse at 4% 40%, #fff2d9 0, transparent 54%), radial-gradient(ellipse at 100% 65%, #f3e7f4 0, transparent 52%), linear-gradient(135deg, #fcfbf7, #eef6ef 65%, #eaeefa);
  color-scheme: light;
  background: var(--auth-bg);
}
body.auth-site-page {
  margin: 0;
  color: var(--auth-ink);
  background: var(--auth-bg);
  font-family: var(--auth-body);
  font-weight: 450;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
.auth-site-page *, .auth-site-page *::before, .auth-site-page *::after { box-sizing: border-box; }
.auth-site-page :is(button, input, select, textarea) { font: inherit; }
.auth-site-page :is(h1, h2, h3) { font-family: var(--auth-heading); font-weight: 700; font-synthesis: weight; letter-spacing: -.025em; }
.auth-site-page a { color: var(--auth-ink); text-underline-offset: .24em; }
.auth-site-page a:hover { color: #30633b; }
.auth-site-page :focus-visible { outline: 2px solid #30633b; outline-offset: 4px; }
.auth-site-page ::selection { color: var(--auth-ink); background: #c2efca; }

/* The same tactile primary action throughout registration, login and recovery. */
html.auth-site-root[data-cy-color-scheme="light"] body.auth-site-page :is(.auth-primary, .hello-primary) {
  --auth-button-edge: var(--cy-action-edge, #043e30);
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 14px 24px;
  border: 1px solid var(--auth-green) !important;
  border-radius: 999px;
  background: var(--auth-green) !important;
  color: var(--cy-action-text, #f6fcf8) !important;
  -webkit-text-fill-color: var(--cy-action-text, #f6fcf8) !important;
  box-shadow: 0 6px 0 var(--auth-button-edge), 0 10px 16px -10px #24583155, inset 0 2px 0 #ffffff40 !important;
  font-family: var(--auth-body);
  font-size: 16px;
  font-weight: 650;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transform: translateY(0);
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease;
  touch-action: manipulation;
}
@media (hover: hover) and (pointer: fine) {
  html.auth-site-root[data-cy-color-scheme="light"] body.auth-site-page :is(.auth-primary, .hello-primary):hover:not(:disabled) {
    background: var(--auth-green-hover) !important;
    box-shadow: 0 7px 0 var(--auth-button-edge), 0 12px 18px -10px #24583155, inset 0 2px 0 #ffffff40 !important;
    transform: translateY(-1px);
  }
}
html.auth-site-root[data-cy-color-scheme="light"] body.auth-site-page :is(.auth-primary, .hello-primary):active:not(:disabled) {
  box-shadow: 0 2px 0 var(--auth-button-edge), inset 0 1px 0 #ffffff25 !important;
  transform: translateY(4px);
}
html.auth-site-root[data-cy-color-scheme="light"] body.auth-site-page :is(.auth-primary, .hello-primary):focus-visible {
  outline: 2px solid #30633b;
  outline-offset: 8px;
}
html.auth-site-root[data-cy-color-scheme="light"] body.auth-site-page :is(.auth-primary, .hello-primary):disabled {
  background: #e1e8dc !important;
  border-color: #d1dacb !important;
  color: #5b6a57 !important;
  -webkit-text-fill-color: #5b6a57 !important;
  box-shadow: 0 4px 0 #bdcbb5, inset 0 2px 0 #ffffff50 !important;
  opacity: 1;
  transform: none;
  cursor: default;
}
html.auth-site-root body.auth-site-page :is(.auth-primary, .hello-primary)[aria-busy="true"] { cursor: wait; }
.auth-primary svg { width: 21px; height: 21px; flex: none; }
@media (prefers-reduced-motion: reduce) {
  html.auth-site-root body.auth-site-page :is(.auth-primary, .hello-primary) { transition: none; }
}