:root {
  --gaap-ink: #25293c;
  --gaap-paper: #fffdf7;
  --gaap-blue: #263acb;
  --gaap-yellow: #ffe257;
  --gaap-pink: #ff87ad;
  --gaap-radius: 4px;
  --cpd-radius-pill-effect: var(--gaap-radius);
}

body .mx_LeftPanel {
  --cpd-color-bg-canvas-default: var(--cpd-color-bg-canvas-default-level-1);
}

@layer app-web {
  body :is(button, a)[data-kind],
  body .mx_AccessibleButton_hasKind,
  body .mx_Dialog_primary,
  body .mx_Dialog button,
  body .mx_Dropdown_input,
  body .mx_Field,
  body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  body textarea,
  body select {
    border-radius: var(--gaap-radius) !important;
  }
}

body :is(button, a)[data-kind="primary"],
body :is(button, a)[data-kind="secondary"],
body .mx_AccessibleButton_kind_primary,
body .mx_AccessibleButton_kind_primary_outline,
body .mx_Dialog_primary {
  font-weight: 650;
  letter-spacing: -.01em;
}

body :is(button, a)[data-kind="secondary"],
body .mx_AccessibleButton_kind_primary_outline {
  border-width: 1px;
}

body :is(button, a, [role="button"], input, textarea, select):focus-visible {
  outline: 2px solid var(--cpd-color-border-focused);
  outline-offset: 3px;
}

body .mx_Dialog,
body [role="dialog"],
body .mx_ContextualMenu,
body .mx_MessageComposer_wrapper {
  border-radius: 6px;
}

body .mx_Dialog_border {
  padding: 0;
  border: 1px solid var(--cpd-color-border-interactive-secondary);
  border-radius: 6px;
  outline: 0;
  backdrop-filter: none;
  background: var(--cpd-color-bg-canvas-default);
  box-shadow: 4px 4px 0 var(--cpd-color-border-interactive-secondary);
}

body .mx_AuthPage {
  padding: 40px 24px 0;
  box-sizing: border-box;
  color: var(--gaap-ink);
  --cpd-color-bg-canvas-default: var(--gaap-paper);
  --cpd-color-text-primary: var(--gaap-ink);
  --cpd-color-text-secondary: #585d6c;
  --cpd-color-text-action-accent: var(--gaap-blue);
  --cpd-color-bg-action-primary-rest: var(--gaap-blue);
  --cpd-color-bg-action-primary-hovered: #1e2fa8;
  --cpd-color-bg-action-primary-pressed: #192585;
  --cpd-color-text-on-solid-primary: #ffffff;
  --cpd-color-icon-on-solid-primary: #ffffff;
}

body .mx_AuthPage_modal {
  margin: auto;
  max-width: 100%;
  border: 2px solid var(--gaap-ink);
  border-radius: 0;
  box-shadow: 7px 7px 0 var(--gaap-ink);
}

body .mx_AuthPage_modal.mx_AuthPage_modal_withBlur {
  box-shadow: 7px 7px 0 var(--gaap-ink);
}

body .mx_AuthPage_modalContent {
  border-radius: 0;
  background: var(--gaap-paper);
}

body .mx_AuthPage_modal_withBlur .mx_AuthPage_modalContent {
  background: var(--gaap-paper);
}

body .mx_AuthPage_modalBlur {
  display: none;
}

body .mx_AuthPage_modalContent > div:has(> .mx_Welcome) {
  padding: 0;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: var(--gaap-paper);
  backdrop-filter: none;
  box-shadow: none;
}

body .mx_Welcome {
  padding: 0;
  border-radius: 0;
  background: var(--gaap-paper);
}

.mx_WelcomePage_body > div {
  display: grid;
  grid-template-columns: 1.08fr 1fr;
  width: min(1060px, calc(100vw - 68px));
  color: var(--gaap-ink);
  text-align: left;
}

.mx_WelcomePage_body > div > p {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 20px 32px;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .07em;
}

.mx_WelcomePage_body > div > p:first-child {
  border-bottom: 2px solid var(--gaap-ink);
}

.mx_WelcomePage_body > div > p:first-child img {
  width: 148px;
  height: auto;
}

.mx_WelcomePage_body > div > p:last-child {
  border-top: 2px solid var(--gaap-ink);
  background: var(--gaap-yellow);
}

.mx_WelcomePage_body > div > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px 36px;
  min-width: 0;
}

.mx_WelcomePage_body > div > div:has(> h1) {
  border-right: 2px solid var(--gaap-ink);
}

.mx_WelcomePage_body h1 {
  font-size: clamp(42px, 5.5vw, 72px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.065em;
  margin: 22px 0;
}

.mx_WelcomePage_body h1 em {
  color: var(--gaap-blue);
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: var(--gaap-pink);
  text-decoration-thickness: 7px;
  text-underline-offset: 8px;
}

.mx_WelcomePage_body h1 + p {
  font-size: 16px;
  line-height: 1.7;
  margin: 4px 0 28px;
  color: #585d6c;
}

.mx_WelcomePage_body > div > div > p:first-child {
  margin: 0;
  font-size: 11px;
  letter-spacing: .08em;
  font-weight: 700;
}

.mx_WelcomePage_body p:has(> a) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
}

.mx_WelcomePage_body a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border: 2px solid var(--gaap-ink);
  border-radius: var(--gaap-radius);
  padding: 13px 18px;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  color: var(--gaap-ink);
  background: var(--gaap-paper);
}

.mx_WelcomePage_body a[href="#/login"] {
  color: #ffffff;
  background: var(--gaap-blue);
}

.mx_WelcomePage_body a:hover {
  box-shadow: 3px 3px 0 var(--gaap-ink);
}

.mx_WelcomePage_body a:active {
  box-shadow: none;
}

.mx_WelcomePage_body > div > div > p:last-child {
  font-size: 11px;
  line-height: 1.6;
  margin: 22px 0 0;
  color: #585d6c;
}

.mx_WelcomePage_body > div > div:has(> img) {
  padding: 20px;
  background: #f4f1e8;
  text-align: center;
}

.mx_WelcomePage_body > div > div > img {
  width: 100%;
  height: auto;
}

.mx_WelcomePage_body > div > div:has(> img) > p {
  font-size: 10px;
  letter-spacing: .1em;
  font-weight: 700;
  margin: 0 0 12px;
}

body .mx_AuthFooter {
  background: none;
  opacity: 1;
  padding: 28px 0 20px;
  font-size: 12px;
}

body .mx_AuthFooter :is(a:link, a:visited, a:hover) {
  color: var(--gaap-ink);
  margin: 0 12px;
}

body .mx_AuthHeader {
  width: 200px;
  background: var(--gaap-yellow);
  border-right: 2px solid var(--gaap-ink);
  border-radius: 0;
  padding: 24px;
}

body .mx_AuthHeaderLogo {
  padding: 0;
  margin-top: 4px;
}

body .mx_AuthBody {
  padding: 32px 40px;
  border-radius: 0;
}

body .mx_AuthBody h1 {
  color: var(--gaap-ink);
  font-size: 30px;
  letter-spacing: -.04em;
}

@media (max-width: 780px) {
  body .mx_AuthPage { padding: 24px 20px 0; }
  .mx_WelcomePage_body > div { grid-template-columns: 1fr; width: min(500px, calc(100vw - 48px)); }
  .mx_WelcomePage_body > div > div { padding: 28px 24px; }
  .mx_WelcomePage_body > div > div:has(> h1) { border-right: 0; }
  .mx_WelcomePage_body > div > div:has(> img) { border-top: 2px solid var(--gaap-ink); padding: 16px 32px; }
  .mx_WelcomePage_body > div > div > img { max-width: 290px; align-self: center; }
  .mx_WelcomePage_body > div > p { padding: 16px 24px; font-size: 9px; }
  .mx_WelcomePage_body > div > p:first-child img { width: 115px; }
  .mx_WelcomePage_body h1 { font-size: 52px; }
  .mx_WelcomePage_body > div > p:last-child { flex-wrap: wrap; gap: 8px; }
  body .mx_AuthHeader { width: 140px; padding: 18px; }
  body .mx_AuthBody { width: min(460px, calc(100vw - 196px)); padding: 28px; }
}

@media (max-width: 540px) {
  body .mx_AuthPage_modalContent { flex-direction: column; }
  body .mx_AuthHeader { display: flex; width: 100%; border-right: 0; border-bottom: 2px solid var(--gaap-ink); padding: 16px 24px; }
  body .mx_AuthHeaderLogo { display: block; width: 120px; }
  body .mx_AuthBody { width: calc(100vw - 48px); padding: 24px; }
  .mx_WelcomePage_body a { padding: 12px 14px; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .mx_WelcomePage_body a { transition: none; }
}