/* VEYDRIS · Oathforged. Painted metal, moonstone light, readable live controls. */
body.vey-renewal #authLayer {
  --oath-gold: #e5c58b;
  --oath-light: #f8ecd1;
  --oath-teal: #88dcd5;
  background:
    radial-gradient(ellipse at 72% 40%, #53726418, transparent 65%),
    linear-gradient(110deg, #0c1716eb, #0b1519d9),
    url("./assets/landing-v2/eternal-citadel-gateway-4k.webp") center/cover !important;
}
body.vey-renewal #authLayer.landing-mode {
  background:
    linear-gradient(90deg, #061011e0, transparent 64%),
    linear-gradient(0deg, #050c10c9, transparent 45%),
    url("./assets/landing-v2/eternal-citadel-gateway-4k.webp") 60% center/cover !important;
}
body.vey-renewal #authLayer::after {
  background: radial-gradient(
    ellipse at 60% 50%,
    transparent 25%,
    #020a0d70 100%
  ) !important;
  animation: none !important;
  pointer-events: none;
}
body.vey-renewal #authLayer:not(.landing-mode) {
  overflow-x: clip !important;
}
body.vey-renewal #authLayer::before {
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none !important;
}
body.vey-renewal #authForm.landing {
  min-height: 700px !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.vey-renewal .landing-brand {
  left: 54px !important;
  top: 28px !important;
  transform: none !important;
  text-align: left !important;
  grid-template-columns: 60px auto !important;
  column-gap: 12px !important;
}
body.vey-renewal .landing-brand > span {
  width: 60px !important;
  margin: 0 !important;
  grid-row: 1/4 !important;
}
.landing-brand > span > img {
  width: 100%;
  height: 76px;
  object-fit: contain;
  filter: drop-shadow(0 0 15px #e8c68170);
}
body.vey-renewal .landing-brand > b {
  font:
    500 38px/1.2 Cinzel,
    Georgia,
    serif !important;
  letter-spacing: 7px !important;
  color: #f6ebcf !important;
}
body.vey-renewal .landing-brand > small {
  font:
    600 8px/1.6 Manrope,
    sans-serif !important;
  letter-spacing: 4px !important;
  color: #dfc28a !important;
}
body.vey-renewal .landing-brand > em {
  font:
    500 8px/1.7 Manrope,
    sans-serif !important;
  letter-spacing: 1.6px !important;
  color: #b6c2b9 !important;
}
body.vey-renewal .landing-class-nav {
  top: 34px !important;
  left: auto !important;
  right: 54px !important;
  bottom: auto !important;
  transform: none !important;
  gap: 9px !important;
}
body.vey-renewal .landing-class-nav > button {
  width: 54px !important;
  height: 62px !important;
  border-radius: 5px !important;
  clip-path: polygon(
    50% 0,
    100% 17%,
    100% 83%,
    50% 100%,
    0 83%,
    0 17%
  ) !important;
  background: linear-gradient(#253633, #101c1d) !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0.78;
}
body.vey-renewal .landing-class-nav > button.active {
  background: linear-gradient(#ddc18b, #5c713e) !important;
  opacity: 1;
  filter: drop-shadow(0 0 10px #d9b45b70) !important;
}
body.vey-renewal .landing-class-nav > button > i {
  inset: 2px !important;
  background-size: 80% 80% !important;
  background-color: #101b1c !important;
  clip-path: polygon(
    50% 0,
    100% 17%,
    100% 83%,
    50% 100%,
    0 83%,
    0 17%
  ) !important;
}
body.vey-renewal .landing-class-copy {
  top: clamp(155px, 21vh, 240px) !important;
  left: clamp(60px, 7vw, 140px) !important;
  bottom: auto !important;
  width: min(36vw, 480px) !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  backdrop-filter: none !important;
}
body.vey-renewal .landing-class-copy::before,
body.vey-renewal .landing-class-copy::after {
  display: none !important;
}
body.vey-renewal .landing-class-copy h1 {
  font:
    600 clamp(42px, 5.8vw, 86px)/1.03 Cinzel,
    Georgia,
    serif !important;
  letter-spacing: -3px !important;
  margin: 20px 0 14px !important;
  color: #fff3dc !important;
  text-shadow: 0 3px 30px #000c !important;
}
body.vey-renewal .landing-class-copy > strong {
  font:
    600 11px/1.6 Manrope,
    sans-serif !important;
  letter-spacing: 3px !important;
}
body.vey-renewal .landing-class-copy > p {
  font:
    400 14px/1.9 Manrope,
    sans-serif !important;
  color: #d0d6cc !important;
  margin: 18px 0 22px !important;
  max-width: 410px !important;
}
body.vey-renewal .landing-archetype-seal {
  border: 0 !important;
  padding: 0 !important;
  background: none !important;
}
body.vey-renewal .landing-archetype-seal img {
  width: 44px !important;
  height: 44px !important;
}
body.vey-renewal .landing-archetype-seal > small {
  display: none !important;
}
body.vey-renewal .landing-archetype-seal > strong {
  color: #f0d7a1 !important;
  font:
    600 10px/1.5 Manrope,
    sans-serif !important;
  letter-spacing: 2px !important;
}
body.vey-renewal .landing-oath-attribute {
  display: none !important;
}
body.vey-renewal .landing-specialty {
  max-width: 420px !important;
  padding: 18px 0 !important;
  margin-top: 0 !important;
  border: 0 !important;
  border-top: 1px solid #b9aa6b55 !important;
  background: none !important;
  box-shadow: none !important;
  gap: 8px !important;
}
body.vey-renewal .landing-specialty > header > img {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
}
body.vey-renewal .landing-specialty > header small {
  color: #b4c6b9 !important;
}
body.vey-renewal .landing-specialty > header b {
  font:
    600 14px/1.6 Cinzel,
    Georgia,
    serif !important;
  color: #f0d8aa !important;
}
body.vey-renewal .landing-specialty > header em {
  display: none !important;
}
body.vey-renewal .landing-specialty > p {
  font:
    400 12px/1.8 Manrope,
    sans-serif !important;
  color: #bdcbbc !important;
}
body.vey-renewal .landing-cadence {
  gap: 8px !important;
}
body.vey-renewal .landing-cadence > span {
  border-color: #b9aa6b45 !important;
  background: #10201a80 !important;
  border-radius: 3px !important;
}
body.vey-renewal .landing-cadence > span.trigger {
  background: #ae89482e !important;
  border-color: #dfb56680 !important;
}
body.vey-renewal .landing-specialty > footer {
  display: none !important;
}
body.vey-renewal .landing-class-copy > footer {
  margin: 0 !important;
  gap: 10px !important;
}
body.vey-renewal .landing-class-copy > footer > span {
  color: #c7c9b4 !important;
  border-color: #b9aa6b30 !important;
  background: #10201a80 !important;
}
body.vey-renewal .landing-class-figure {
  left: 46% !important;
  right: 2% !important;
  top: 13% !important;
  bottom: 8% !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}
body.vey-renewal .landing-character-poster {
  filter: drop-shadow(0 10px 20px #000) brightness(1.15) contrast(1.04) !important;
}
body.vey-renewal .landing-character-aura {
  background: radial-gradient(
    ellipse,
    color-mix(in srgb, var(--landing-class-accent) 32%, transparent),
    transparent 65%
  ) !important;
  filter: blur(14px) !important;
}
body.vey-renewal .landing-character-energy {
  opacity: 0.75 !important;
}
body.vey-renewal .landing-class-stage::before {
  left: 60% !important;
  bottom: 5% !important;
  width: min(52vw, 800px) !important;
  opacity: 0.6 !important;
}
body.vey-renewal .landing-class-role {
  right: 8% !important;
  bottom: 5% !important;
  font:
    600 10px/1.5 Manrope,
    sans-serif !important;
  letter-spacing: 2px !important;
  color: #e4d0a7 !important;
}
/* Arrow artwork is an accessible button decoration, never the control itself. */
body.vey-renewal #authLayer .auth-class-arrow {
  width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  padding: 0 !important;
  background: url("./assets/ui/wayfinder/oath-arrow-v1.svg") center/contain
    no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  filter: drop-shadow(0 4px 12px #000a);
  transition:
    filter 0.18s,
    translate 0.18s !important;
}
body.vey-renewal #authLayer .auth-class-arrow.previous {
  transform: scaleX(-1) !important;
  left: 12px !important;
}
body.vey-renewal #authLayer .auth-class-arrow.next {
  transform: none !important;
  right: 18px !important;
}
body.vey-renewal #authLayer .auth-class-arrow:hover {
  filter: drop-shadow(0 0 10px #d8b56c88) brightness(1.2) !important;
}
/* Painted backplate with real, selectable HTML labels. */
body.vey-renewal
  :is(#authSubmit, #view .journey-hero__action, #view .expedition-start) {
  position: relative;
  isolation: isolate;
  min-height: 86px !important;
  padding: 20px 65px !important;
  border: 0 !important;
  border-image: none !important;
  clip-path: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff2d5 !important;
  font:
    700 15px/1.5 Cinzel,
    Georgia,
    serif !important;
  letter-spacing: 2px !important;
  text-shadow: 0 2px 5px #000 !important;
  overflow: visible !important;
  transition:
    filter 0.2s,
    translate 0.2s !important;
}
body.vey-renewal
  :is(
    #authSubmit,
    #view .journey-hero__action,
    #view .expedition-start
  )::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  inset: -22px -18px !important;
  z-index: -1 !important;
  border: 0 !important;
  border-radius: 0 !important;
  clip-path: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  background: url("./assets/ui/wayfinder/forged-gateway-v1.webp") center/100%
    100% no-repeat !important;
  pointer-events: none !important;
  filter: drop-shadow(0 5px 12px #000a) drop-shadow(0 0 8px #89d7cf18);
  transition: filter 0.2s !important;
}
body.vey-renewal
  :is(
    #authSubmit,
    #view .journey-hero__action,
    #view .expedition-start
  )::after {
  display: none !important;
}
body.vey-renewal
  :is(#authSubmit, #view .journey-hero__action, #view .expedition-start):hover {
  filter: brightness(1.18) !important;
  translate: 0 -2px;
}
body.vey-renewal
  :is(
    #authSubmit,
    #view .journey-hero__action,
    #view .expedition-start
  ):active {
  translate: 0 1px;
  filter: brightness(0.95) !important;
}
body.vey-renewal
  :is(
    #authSubmit,
    #view .journey-hero__action,
    #view .expedition-start
  ):disabled {
  filter: grayscale(0.7) brightness(0.55) !important;
  translate: none !important;
}
body.vey-renewal #authForm.landing > #authSubmit {
  position: absolute !important;
  left: clamp(60px, 7vw, 140px) !important;
  right: auto !important;
  bottom: 55px !important;
  top: auto !important;
  width: 400px !important;
  max-width: 36vw !important;
  height: 88px !important;
  min-height: 88px !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 15 !important;
}
body.vey-renewal #authForm.landing > #authSwitch {
  top: auto !important;
  bottom: 28px !important;
  right: auto !important;
  left: clamp(60px, 7vw, 140px) !important;
  width: 400px !important;
  max-width: 36vw !important;
  border: 0 !important;
  text-align: center !important;
  color: #dcc99f !important;
  background: none !important;
  font:
    600 10px/1.7 Manrope,
    sans-serif !important;
  letter-spacing: 1px !important;
  padding: 6px !important;
}
body.vey-renewal #authForm.landing > .experience-entry {
  top: auto !important;
  bottom: 24px !important;
  left: auto !important;
  right: 38px !important;
}
body.vey-renewal #view .journey-hero__action {
  min-width: 265px !important;
  max-width: 100% !important;
}
body.vey-renewal #view .journey-hero__action > span[aria-hidden="true"] {
  display: none !important;
}
body.vey-renewal #view .expedition-start {
  width: min(100%, 520px) !important;
  margin: 12px auto !important;
  min-height: 104px !important;
}
body.vey-renewal #view .expedition-start > em {
  color: #d3d9c5 !important;
  font:
    500 10px Manrope,
    sans-serif !important;
  letter-spacing: 1px !important;
}
/* Return to the Citadel: clean form, dramatic world, collectible silhouettes. */
body.vey-renewal #authForm.login {
  width: min(1120px, calc(100vw - 64px)) !important;
  min-height: 690px !important;
  max-height: none !important;
  border: 1px solid #d1b47855 !important;
  border-radius: 4px !important;
  box-shadow:
    0 30px 90px #000a,
    0 0 60px #8db78d0c !important;
  background: linear-gradient(140deg, #172420, #081215) !important;
  overflow: visible !important;
}
body.vey-renewal #authForm.login > .auth-login-visual {
  background:
    linear-gradient(180deg, #07131244, #06121475 65%, #030a0dc9),
    url("./assets/landing-v2/eternal-citadel-gateway-4k.webp") 62% center/cover !important;
  border-right: 1px solid #d1b47835 !important;
  overflow: hidden !important;
}
body.vey-renewal #authForm.login > .auth-login-visual::after {
  background: linear-gradient(0deg, #030b0ecc, transparent 70%) !important;
  animation: none !important;
}
body.vey-renewal .auth-login-wordmark {
  position: absolute !important;
  top: 32px !important;
  left: 34px !important;
  border: 0 !important;
  padding: 0 !important;
}
body.vey-renewal .auth-login-wordmark > span {
  font:
    500 31px/1.5 Cinzel,
    Georgia,
    serif !important;
  letter-spacing: 6px !important;
}
body.vey-renewal .auth-login-wordmark > small {
  font:
    500 8px/1.8 Manrope,
    sans-serif !important;
  letter-spacing: 3px !important;
  color: #decaa2 !important;
}
body.vey-renewal #authForm.login .auth-login-legend {
  position: absolute !important;
  top: 150px !important;
  bottom: auto !important;
  left: 34px !important;
  right: 34px !important;
}
body.vey-renewal #authForm.login .auth-login-legend h2 {
  font:
    500 50px/1.18 Cinzel,
    Georgia,
    serif !important;
  letter-spacing: -1.5px !important;
  max-width: 400px !important;
  margin: 14px 0 !important;
}
body.vey-renewal #authForm.login .auth-login-legend > p {
  font:
    400 13px/1.9 Manrope,
    sans-serif !important;
  color: #d7ddcd !important;
  max-width: 350px !important;
}
body.vey-renewal #authForm.login .auth-login-legend > div {
  display: none !important;
}
body.vey-renewal #authForm.login .auth-hook-showcase {
  position: absolute !important;
  top: auto !important;
  bottom: 30px !important;
  left: 34px !important;
  right: 34px !important;
}
body.vey-renewal #authForm.login .auth-hook-showcase > header,
body.vey-renewal #authForm.login .auth-hook-caption {
  display: none !important;
}
body.vey-renewal #authForm.login .auth-hook-relics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.vey-renewal #authForm.login .auth-hook-relic {
  min-height: 155px !important;
  border: 1px solid #bdac6b55 !important;
  clip-path: polygon(0 0, 100% 0, 100% 92%, 90% 100%, 0 100%) !important;
  border-radius: 0 !important;
  animation: none !important;
}
body.vey-renewal #authForm.login .auth-hook-relic.class-preview {
  display: none !important;
}
body.vey-renewal #authForm.login .auth-hook-relic b {
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  font:
    500 12px/1.4 Cinzel,
    Georgia,
    serif !important;
}
body.vey-renewal #authForm.login .auth-hook-relic small {
  display: none !important;
}
body.vey-renewal #authForm.login > .brand-mark {
  background: url("./assets/branding-veydris-crest-v1.webp") center/contain
    no-repeat !important;
  width: 50px !important;
  height: 70px !important;
  font-size: 0 !important;
  margin-bottom: 8px !important;
  filter: drop-shadow(0 0 14px #c8a54f40);
}
body.vey-renewal #authForm.login > h1 {
  font:
    500 36px/1.3 Cinzel,
    Georgia,
    serif !important;
  color: #fff0d2 !important;
}
body.vey-renewal #authForm.login > #authText {
  font:
    400 13px/1.8 Manrope,
    sans-serif !important;
  color: #bdcdbd !important;
}
body.vey-renewal
  #authForm
  :is(.auth-email, .auth-password, .auth-recovery)
  > span {
  font:
    600 10px/1.8 Manrope,
    sans-serif !important;
  letter-spacing: 1px !important;
  color: #d7c9a6 !important;
}
body.vey-renewal
  #authForm
  :is(.auth-email, .auth-password, .auth-recovery)
  > input {
  min-height: 48px !important;
  background: #071315 !important;
  border: 1px solid #8c9d7950 !important;
  border-radius: 3px !important;
  color: #f1e9d4 !important;
}
body.vey-renewal #authForm input:focus {
  outline: 2px solid #87c7bd !important;
  outline-offset: 3px !important;
}
body.vey-renewal #authForm.login > #authSubmit {
  margin: 12px 0 !important;
  min-height: 72px !important;
  font-size: 14px !important;
}
body.vey-renewal #authForm.login > .auth-switch {
  min-height: 34px !important;
  color: #e2c78d !important;
  font:
    500 12px/1.7 Manrope,
    sans-serif !important;
}
body.vey-renewal #authForm.login > #emailResetRequest {
  color: #abbcae !important;
  font-size: 10px !important;
}
body.vey-renewal #authForm.signup > #authSubmit {
  width: min(440px, 100%) !important;
  justify-self: center !important;
  margin: 15px auto !important;
}
@media (max-height: 850px) and (min-width: 901px) {
  body.vey-renewal #authForm.landing {
    min-height: 600px !important;
  }
  body.vey-renewal .landing-class-copy {
    top: 145px !important;
  }
  body.vey-renewal .landing-class-copy h1 {
    font-size: 57px !important;
    margin: 12px 0 !important;
  }
  body.vey-renewal .landing-class-copy > p {
    font-size: 12px !important;
    line-height: 1.8 !important;
    margin: 10px 0 !important;
  }
  body.vey-renewal .landing-class-copy > p {
    display: none !important;
  }
  body.vey-renewal #authLayer.landing-mode #authForm .landing-class-copy > p {
    display: none !important;
  }
  body.vey-renewal #authLayer.landing-mode #authForm .landing-specialty > p {
    display: block !important;
  }
  body.vey-renewal .landing-specialty {
    padding: 12px 0 !important;
  }
  body.vey-renewal .landing-specialty > p {
    font-size: 11px !important;
    margin: 4px 0 !important;
  }
  body.vey-renewal #authForm.landing > #authSubmit {
    bottom: 40px !important;
    height: 76px !important;
    min-height: 76px !important;
  }
  body.vey-renewal #authForm.landing > #authSwitch {
    bottom: 14px !important;
  }
  body.vey-renewal #authForm.login {
    min-height: 650px !important;
  }
}
@media (min-width: 2400px) {
  body.vey-renewal .landing-brand {
    left: 6vw !important;
    top: 5vh !important;
    scale: 1.3;
    transform-origin: top left;
  }
  body.vey-renewal .landing-class-nav {
    top: 5vh !important;
    right: 6vw !important;
    gap: 18px !important;
  }
  body.vey-renewal .landing-class-nav > button {
    width: 88px !important;
    height: 100px !important;
  }
  body.vey-renewal .landing-class-copy {
    top: 24vh !important;
    left: 9vw !important;
    width: 30vw !important;
  }
  body.vey-renewal .landing-class-copy h1 {
    font-size: clamp(90px, 5vw, 150px) !important;
  }
  body.vey-renewal .landing-class-copy > p {
    font-size: 24px !important;
    max-width: 720px !important;
  }
  body.vey-renewal .landing-specialty {
    max-width: 720px !important;
    padding: 28px 0 !important;
  }
  body.vey-renewal .landing-specialty > p {
    font-size: 19px !important;
  }
  body.vey-renewal .landing-specialty > header b {
    font-size: 26px !important;
  }
  body.vey-renewal #authForm.landing > #authSubmit {
    left: 9vw !important;
    bottom: 9vh !important;
    width: 600px !important;
    height: 120px !important;
    font-size: 25px !important;
  }
  body.vey-renewal #authForm.landing > #authSwitch {
    left: 9vw !important;
    bottom: 6vh !important;
    width: 600px !important;
    font-size: 16px !important;
  }
}
/* Mobile entry uses available rows, including a reserved, untransformed sign-in
   row. The hero gives up space first when browser controls reduce the height. */
@media (max-width: 900px) {
  body.vey-renewal #authLayer.landing-mode:not(.hidden) {
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.vey-renewal #authForm.landing {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 72px 44px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    box-sizing: border-box !important;
    padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px) !important;
    overflow: hidden !important;
    gap: 0 !important;
  }
  body.vey-renewal #authForm.landing > .auth-class {
    position: relative !important;
    inset: auto !important;
    grid-area: 1 / 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.vey-renewal .landing-class-stage {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 76px 48px minmax(0, 1fr) auto !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.vey-renewal .landing-brand {
    top: 14px !important;
    left: 18px !important;
    grid-template-columns: 34px auto !important;
    gap: 4px 6px !important;
  }
  body.vey-renewal .landing-brand > span {
    width: 34px !important;
  }
  body.vey-renewal .landing-brand > span > img {
    height: 50px;
  }
  body.vey-renewal .landing-brand > b {
    font-size: clamp(19px, 5.3vw, 27px) !important;
    letter-spacing: 3px !important;
  }
  body.vey-renewal .landing-brand > small {
    font-size: 6px !important;
    letter-spacing: 1.5px !important;
    margin-top: 0 !important;
  }
  body.vey-renewal .landing-brand > em {
    font-size: 6px !important;
    margin-top: 0 !important;
  }
  body.vey-renewal .landing-class-nav {
    position: relative !important;
    grid-area: 2 / 1 !important;
    inset: auto !important;
    align-self: center !important;
    justify-self: center !important;
    width: calc(100% - 32px) !important;
    max-width: 460px !important;
    height: 44px !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(3px, 1.3vw, 7px) !important;
    transform: none !important;
  }
  body.vey-renewal .landing-class-nav > button {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 42px !important;
    height: auto !important;
    aspect-ratio: 0.86 !important;
    min-width: 0 !important;
    max-height: 44px !important;
  }
  body.vey-renewal .landing-class-figure {
    position: relative !important;
    grid-area: 3 / 1 !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  body.vey-renewal .landing-class-copy {
    position: relative !important;
    grid-area: 4 / 1 !important;
    inset: auto !important;
    width: auto !important;
    max-width: 600px !important;
    margin: 0 clamp(18px, 5vw, 36px) !important;
    padding: 6px 0 18px !important;
    background: linear-gradient(#061011aa, #06101100) !important;
  }
  body.vey-renewal .landing-class-copy h1 {
    font-size: clamp(28px, 8.3vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
    margin: 0 0 5px !important;
    overflow-wrap: anywhere !important;
  }
  body.vey-renewal .landing-class-copy > strong {
    font-size: 8px !important;
    line-height: 1.5 !important;
    letter-spacing: 1.5px !important;
  }
  body.vey-renewal #authLayer.landing-mode #authForm .landing-class-copy > p,
  body.vey-renewal .landing-archetype-seal,
  body.vey-renewal .landing-cadence,
  body.vey-renewal .landing-class-copy > footer,
  body.vey-renewal .landing-class-role {
    display: none !important;
  }
  body.vey-renewal .landing-specialty {
    padding: 8px 0 0 !important;
    margin-top: 6px !important;
    gap: 4px !important;
  }
  body.vey-renewal .landing-specialty > header > img {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px !important;
  }
  body.vey-renewal .landing-specialty > header small {
    font-size: 7px !important;
  }
  body.vey-renewal .landing-specialty > header b {
    font-size: 12px !important;
  }
  body.vey-renewal #authLayer.landing-mode #authForm .landing-specialty > p {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    margin: 3px 0 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.vey-renewal #authLayer .landing-class-arrow {
    position: relative !important;
    grid-area: 3 / 1 !important;
    align-self: center !important;
    inset: auto !important;
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 10px !important;
  }
  body.vey-renewal #authLayer .landing-class-arrow.previous {
    justify-self: start !important;
  }
  body.vey-renewal #authLayer .landing-class-arrow.next {
    justify-self: end !important;
  }
  body.vey-renewal #authForm.landing > #authSubmit {
    position: relative !important;
    grid-area: 2 / 1 !important;
    inset: auto !important;
    justify-self: center !important;
    align-self: center !important;
    width: calc(100% - 64px) !important;
    max-width: 440px !important;
    height: 68px !important;
    min-height: 0 !important;
    padding: 12px 44px !important;
    font-size: 15px !important;
    transform: none !important;
  }
  body.vey-renewal #authForm.landing > #authSwitch {
    position: relative !important;
    grid-area: 3 / 1 !important;
    inset: auto !important;
    align-self: stretch !important;
    justify-self: center !important;
    width: calc(100% - 32px) !important;
    max-width: 480px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
    white-space: normal !important;
    transform: none !important;
  }
  body.vey-renewal #authForm.landing > .experience-entry {
    position: absolute !important;
    top: calc(18px + env(safe-area-inset-top, 0px)) !important;
    bottom: auto !important;
    right: 12px !important;
    left: auto !important;
    gap: 5px !important;
  }
  body.vey-renewal #authForm.landing > .experience-entry .button {
    min-height: 36px !important;
    padding: 6px 8px !important;
    font-size: 10px !important;
  }
  body.vey-renewal
    #authForm.landing
    > .experience-entry
    [data-experience="info"] {
    display: none !important;
  }
  body.vey-renewal #authForm.login {
    width: min(560px, calc(100vw - 32px)) !important;
    min-height: 0 !important;
    margin: 16px auto !important;
    padding: 22px 26px !important;
    overflow: visible !important;
  }
  body.vey-renewal #authLayer.login-mode:not(.hidden) {
    display: block !important;
    overflow-x: clip !important;
    padding: 1px 0 !important;
  }
  body.vey-renewal #authForm.login > .auth-login-visual {
    display: none !important;
  }
  body.vey-renewal #authForm.login > h1 {
    font-size: 30px !important;
  }
  body.vey-renewal #authForm.login > #authSubmit {
    padding-inline: 48px !important;
  }
  body.vey-renewal #authForm.signup #authSubmit {
    font-size: 12px !important;
    padding-inline: 48px !important;
    letter-spacing: 1px !important;
  }
}
/* Compact sign-in keeps all actions reachable; real errors and an open
   keyboard may still expand this form and retain normal vertical scrolling. */
@media (max-width: 900px) {
  body.vey-renewal #authForm.login {
    padding: 20px 22px !important;
    margin: 12px auto !important;
  }
  body.vey-renewal #authForm.login > .brand-mark {
    position: absolute !important;
    top: 20px !important;
    right: 22px !important;
    width: 32px !important;
    height: 44px !important;
    margin: 0 !important;
  }
  body.vey-renewal #authForm.login > .eyebrow {
    font-size: 8px !important;
    padding-right: 40px !important;
  }
  body.vey-renewal #authForm.login > h1 {
    font-size: 26px !important;
    margin: 5px 0 8px !important;
    padding-right: 30px !important;
  }
  body.vey-renewal #authForm.login > #authText {
    font-size: 12px !important;
    line-height: 1.65 !important;
    margin: 0 0 10px !important;
  }
  body.vey-renewal #authForm.login label {
    margin: 8px 0 !important;
  }
  body.vey-renewal #authForm.login > #authError:empty {
    display: none !important;
  }
  body.vey-renewal #authForm.login > #authSubmit {
    display: block !important;
    width: 100% !important;
    min-height: 64px !important;
    margin: 8px 0 !important;
  }
  body.vey-renewal #authForm.login > .auth-switch {
    min-height: 44px !important;
    margin: 0 auto !important;
    padding: 7px !important;
  }
  body.vey-renewal #authForm.login > #emailResetRequest {
    min-height: 30px !important;
    font-size: 9px !important;
  }
  body.vey-renewal #authForm.login > .experience-entry {
    padding: 8px 0 0 !important;
  }
  body.vey-renewal #authForm .experience-honeypot {
    margin: 0 !important;
  }
  body.vey-renewal #authForm input {
    font-size: 16px !important;
  }
}
@media (max-width: 900px) and (max-height: 640px) {
  body.vey-renewal #authForm.login {
    padding: 16px 20px !important;
    margin: 8px auto !important;
  }
  body.vey-renewal #authForm.login > #authText {
    display: none !important;
  }
}
/* In landscape, keep artwork beside the class information instead of above it. */
@media (min-width: 500px) and (max-width: 900px) and (max-height: 500px) and (min-aspect-ratio: 1/1) {
  body.vey-renewal .landing-class-stage {
    grid-template-columns: 42% minmax(0, 1fr) !important;
    grid-template-rows: 58px 48px minmax(0, 1fr) !important;
  }
  body.vey-renewal .landing-class-nav {
    grid-area: 2 / 1 / 3 / 3 !important;
  }
  body.vey-renewal .landing-class-figure {
    grid-area: 3 / 1 !important;
  }
  body.vey-renewal .landing-class-copy {
    grid-area: 3 / 2 !important;
    align-self: center !important;
    margin: 0 20px 0 8px !important;
  }
  body.vey-renewal .landing-class-copy h1 {
    font-size: clamp(24px, 4vw, 32px) !important;
  }
  body.vey-renewal #authLayer .landing-class-arrow {
    grid-area: 3 / 1 !important;
    width: 40px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 3px !important;
  }
  body.vey-renewal #authForm.landing {
    grid-template-rows: minmax(0, 1fr) 58px 44px !important;
  }
  body.vey-renewal #authForm.landing > #authSubmit {
    height: 54px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.vey-renewal #authLayer *,
  body.vey-renewal
    :is(#authSubmit, #view .journey-hero__action, #view .expedition-start) {
    animation: none !important;
    transition: none !important;
  }
}

/* The painted silhouette carries the frame; keep keyboard focus explicit. */
body.vey-renewal
  :is(#authSubmit, #view .journey-hero__action, #view .expedition-start) {
  outline: 0;
}
body.vey-renewal
  :is(
    #authSubmit,
    #view .journey-hero__action,
    #view .expedition-start
  ):focus-visible {
  outline: 2px solid #88dcd5 !important;
  outline-offset: 6px;
}

/* Keep class selection on one mobile screen; information changes by tab. */
.auth-class-info-tabs,
.auth-class-signature {
  display: none;
}
@media (max-width: 900px) {
  body.vey-renewal
    #authLayer.signup-mode:has([data-register-step="1"]):not(.hidden) {
    display: block !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 32px 28px minmax(0, 1fr) 64px 44px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 12px
      calc(6px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="1"]
    > :is(
      .brand-mark,
      .eyebrow,
      #authText,
      .experience-entry,
      #authError:empty
    ) {
    display: none !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authTitle {
    grid-area: 1/1 !important;
    margin: 0 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="1"]
    > .auth-register-progress {
    grid-area: 2/1 !important;
    margin: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="1"]
    .auth-register-progress
    i {
    width: 22px !important;
    height: 22px !important;
    font-size: 9px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="1"]
    .auth-register-progress
    > span {
    grid-template-columns: 22px 1fr !important;
    gap: 0 6px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authClassPicker {
    grid-area: 3/1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 42px !important;
    min-height: 0 !important;
    height: 100% !important;
    margin: 0 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authSubmit {
    grid-area: 4/1 !important;
    min-height: 0 !important;
    height: 60px !important;
    margin: 2px auto !important;
    width: calc(100% - 32px) !important;
    padding: 10px 35px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authSwitch {
    grid-area: 5/1 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px !important;
    font-size: 11px !important;
    transform: none !important;
  }
  body.vey-renewal .auth-class-showcase {
    display: grid !important;
    grid-template-columns: 42% minmax(0, 1fr) !important;
    grid-template-rows: minmax(70px, 1fr) 36px 180px !important;
    min-height: 0 !important;
    height: 100% !important;
    border-radius: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.vey-renewal .auth-class-art {
    position: relative !important;
    grid-area: 1/1 !important;
    inset: auto !important;
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    z-index: 0 !important;
    filter: none !important;
  }
  body.vey-renewal .auth-class-identity {
    position: relative !important;
    grid-area: 1/2 !important;
    inset: auto !important;
    width: auto !important;
    min-width: 0 !important;
    align-self: center !important;
    padding: 8px 10px 8px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: none !important;
  }
  body.vey-renewal .auth-class-identity > .eyebrow {
    font-size: 8px !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
    white-space: normal !important;
  }
  body.vey-renewal .auth-class-identity h2 {
    font-size: clamp(21px, 5.8vw, 30px) !important;
    line-height: 1.1 !important;
    margin: 5px 0 !important;
    letter-spacing: -0.5px !important;
    overflow-wrap: anywhere !important;
  }
  body.vey-renewal .auth-class-identity > strong {
    font-size: 8px !important;
    line-height: 1.5 !important;
    letter-spacing: 0.5px !important;
  }
  body.vey-renewal .auth-class-identity > :is(p, mark),
  body.vey-renewal .auth-class-selected {
    display: none !important;
  }
  body.vey-renewal #authLayer .auth-class-showcase > .auth-class-arrow {
    position: relative !important;
    grid-area: 1/1 !important;
    inset: auto !important;
    align-self: center !important;
    width: 38px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
  body.vey-renewal #authLayer .auth-class-showcase > .previous {
    justify-self: start !important;
  }
  body.vey-renewal #authLayer .auth-class-showcase > .next {
    justify-self: end !important;
  }
  body.vey-renewal .auth-class-info-tabs {
    grid-area: 2/1/3/3 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: 36px !important;
    min-height: 0 !important;
    padding: 0 6px !important;
    margin: 0 !important;
    gap: 4px !important;
  }
  body.vey-renewal .auth-class-info-tabs button {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 5px !important;
    border: 1px solid #d5b36c44 !important;
    background: #0a1415 !important;
    color: #c7c9b6 !important;
    font:
      600 11px Manrope,
      sans-serif !important;
  }
  body.vey-renewal .auth-class-info-tabs button[aria-selected="true"] {
    color: #fff0cc !important;
    border-color: #dfc583 !important;
    background: #76602b33 !important;
  }
  body.vey-renewal
    .auth-class-showcase
    > :is(.auth-class-signature, .auth-class-build, .auth-class-skills) {
    display: none !important;
    position: relative !important;
    grid-area: 3/1/4/3 !important;
    inset: auto !important;
    width: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 0 !important;
    background: #061012dd !important;
    overflow: visible !important;
  }
  body.vey-renewal
    .auth-class-showcase[data-mobile-panel="signature"]
    > .auth-class-signature,
  body.vey-renewal
    .auth-class-showcase[data-mobile-panel="build"]
    > .auth-class-build,
  body.vey-renewal
    .auth-class-showcase[data-mobile-panel="skills"]
    > .auth-class-skills {
    display: block !important;
  }
  body.vey-renewal .auth-class-signature h3 {
    font:
      600 19px/1.3 Cinzel,
      serif !important;
    margin: 0 0 8px !important;
    color: #f4d99d !important;
  }
  body.vey-renewal .auth-class-signature p {
    font:
      400 12px/1.6 Manrope,
      sans-serif !important;
    color: #d4dfd3 !important;
    margin: 0 0 8px !important;
  }
  body.vey-renewal .auth-class-signature > small {
    font:
      400 11px/1.5 Manrope,
      sans-serif !important;
    color: #b5c5b9 !important;
  }
  body.vey-renewal .auth-attribute-heading {
    display: none !important;
  }
  body.vey-renewal .auth-attributes {
    margin: 0 0 8px !important;
    gap: 5px !important;
  }
  body.vey-renewal .auth-attributes article {
    padding: 7px !important;
  }
  body.vey-renewal .auth-attributes article small em {
    display: none !important;
  }
  body.vey-renewal .auth-attributes article small {
    white-space: normal !important;
    font-size: 9px !important;
  }
  body.vey-renewal .auth-attribute-effects {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.vey-renewal .auth-attribute-effects > span {
    font-size: 10px !important;
  }
  body.vey-renewal .auth-class-skills > header {
    display: none !important;
  }
  body.vey-renewal .auth-class-skills > div {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    height: 160px !important;
    gap: 5px !important;
  }
  body.vey-renewal .auth-class-skills article {
    display: block !important;
    padding: 5px 6px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.vey-renewal .auth-class-skills article > i {
    display: none !important;
  }
  body.vey-renewal .auth-class-skills article :is(b, small, em) {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body.vey-renewal .auth-class-skills article small {
    font-size: 7px !important;
    line-height: 1.2 !important;
  }
  body.vey-renewal .auth-class-skills article b {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  body.vey-renewal .auth-class-skills article em {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  body.vey-renewal .auth-class-track {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 3px !important;
    padding: 3px 0 !important;
    height: 42px !important;
    min-height: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.vey-renewal .auth-class-track button {
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
  }
  body.vey-renewal .auth-class-track button > :is(i, b) {
    display: none !important;
  }
  body.vey-renewal .auth-class-track .auth-track-emblem {
    display: block !important;
    position: absolute !important;
    inset: 3px !important;
    background: var(--track-emblem) center/contain no-repeat !important;
  }
}
.auth-skill-picker {
  display: none;
}
@media (max-width: 900px) {
  body.vey-renewal .auth-class-track button {
    position: relative !important;
  }
  body.vey-renewal .auth-class-track .auth-track-emblem {
    width: auto !important;
    height: auto !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authSubmit {
    max-width: 440px !important;
  }
  body.vey-renewal .auth-skill-picker {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: 36px !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    margin: 0 0 5px !important;
  }
  body.vey-renewal .auth-skill-picker button {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 4px !important;
    font-size: 13px !important;
    color: #e9d6ad !important;
    background: #142323 !important;
    border: 1px solid #b9985344 !important;
  }
  body.vey-renewal .auth-skill-picker button span {
    font:
      600 10px Manrope,
      sans-serif !important;
  }
  body.vey-renewal .auth-skill-picker button[aria-pressed="true"] {
    border-color: #d8bc7d !important;
    background: #60512755 !important;
  }
  body.vey-renewal .auth-class-skills > div {
    display: block !important;
    height: auto !important;
  }
  body.vey-renewal .auth-class-skills article {
    display: none !important;
    height: auto !important;
    border: 0 !important;
    background: none !important;
    padding: 4px 0 !important;
  }
  body.vey-renewal
    .auth-class-showcase[data-mobile-skill="0"]
    .auth-class-skills
    article:nth-child(1),
  body.vey-renewal
    .auth-class-showcase[data-mobile-skill="1"]
    .auth-class-skills
    article:nth-child(2),
  body.vey-renewal
    .auth-class-showcase[data-mobile-skill="2"]
    .auth-class-skills
    article:nth-child(3),
  body.vey-renewal
    .auth-class-showcase[data-mobile-skill="3"]
    .auth-class-skills
    article:nth-child(4) {
    display: block !important;
  }
  body.vey-renewal .auth-class-skills article :is(small, b, em) {
    display: block !important;
    -webkit-line-clamp: unset !important;
    max-height: none !important;
  }
  body.vey-renewal .auth-class-skills article small {
    font-size: 9px !important;
  }
  body.vey-renewal .auth-class-skills article b {
    font-size: 16px !important;
    margin: 3px 0 !important;
  }
  body.vey-renewal .auth-class-skills article em {
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
  body.vey-renewal #authForm.signup .auth-register-progress small {
    display: none !important;
  }
}
@media (min-width: 500px) and (max-width: 900px) and (max-height: 500px) and (min-aspect-ratio: 1/1) {
  body.vey-renewal #authForm.signup[data-register-step="1"] {
    grid-template-rows: 26px 24px minmax(0, 1fr) 54px 44px !important;
    padding: 6px 12px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authTitle {
    font-size: 21px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authSubmit {
    height: 50px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="1"] > #authClassPicker {
    grid-template-rows: minmax(0, 1fr) 36px !important;
  }
  body.vey-renewal .auth-class-showcase {
    grid-template-columns: 22% 26% minmax(0, 1fr) !important;
    grid-template-rows: 34px minmax(0, 1fr) !important;
  }
  body.vey-renewal .auth-class-art {
    grid-area: 1/1/3/2 !important;
  }
  body.vey-renewal .auth-class-identity {
    grid-area: 1/2/3/3 !important;
  }
  body.vey-renewal .auth-class-info-tabs {
    grid-area: 1/3 !important;
    height: 34px !important;
  }
  body.vey-renewal #authLayer .auth-class-showcase > .auth-class-arrow {
    grid-area: 1/1/3/2 !important;
  }
  body.vey-renewal
    .auth-class-showcase
    > :is(.auth-class-signature, .auth-class-build, .auth-class-skills) {
    grid-area: 2/3 !important;
    padding: 8px !important;
  }
  body.vey-renewal .auth-class-signature h3 {
    font-size: 16px !important;
    margin-bottom: 5px !important;
  }
  body.vey-renewal .auth-class-signature p {
    font-size: 11px !important;
    line-height: 1.5 !important;
    margin-bottom: 5px !important;
  }
  body.vey-renewal .auth-class-signature > small {
    font-size: 10px !important;
  }
  body.vey-renewal .auth-class-skills article b {
    font-size: 14px !important;
  }
  body.vey-renewal .auth-class-skills article em {
    font-size: 11px !important;
  }
  body.vey-renewal .auth-skill-picker {
    height: 30px !important;
  }
  body.vey-renewal .auth-skill-picker button {
    min-height: 30px !important;
  }
  body.vey-renewal .auth-class-track {
    height: 36px !important;
  }
  body.vey-renewal .auth-class-track button {
    height: 30px !important;
    min-height: 30px !important;
  }
}
/* The second registration step fits a short phone before the keyboard opens. */
@media (max-width: 900px) {
  body.vey-renewal
    #authLayer.signup-mode:has([data-register-step="2"]):not(.hidden) {
    display: block !important;
    padding: 0 !important;
    height: 100dvh !important;
    overflow-y: auto !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: 28px 24px 50px 62px 74px 52px 64px 28px 44px !important;
    width: min(560px, 100%) !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: calc(8px + env(safe-area-inset-top, 0px)) 16px
      calc(8px + env(safe-area-inset-bottom, 0px)) !important;
    margin: 0 auto !important;
    gap: 0 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > :is(
      .brand-mark,
      .eyebrow,
      #authText,
      .experience-entry,
      #authError:empty
    ) {
    display: none !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authTitle {
    grid-area: 1/1/2/3 !important;
    font-size: clamp(20px, 5.5vw, 27px) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-register-progress {
    grid-area: 2/1/3/3 !important;
    margin: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-register-progress
    i {
    width: 20px !important;
    height: 20px !important;
    font-size: 9px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-register-progress
    > span {
    grid-template-columns: 20px 1fr !important;
    gap: 0 5px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-class-confirm {
    grid-area: 3/1/4/3 !important;
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
    padding: 4px 6px !important;
    gap: 7px !important;
    margin: 2px 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-class-confirm
    > i {
    width: 36px !important;
    height: 36px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-class-confirm
    b {
    font-size: 15px !important;
    line-height: 1.1 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-class-confirm
    em {
    display: none !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-class-confirm
    button {
    grid-column: auto !important;
    min-height: 36px !important;
    padding: 4px !important;
    border: 0 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-hero-name {
    grid-area: 4/1 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-invite {
    grid-area: 4/2 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-email {
    grid-area: 5/1 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-password {
    grid-area: 5/2 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > :is(.auth-hero-name, .auth-invite, .auth-email, .auth-password) {
    display: grid !important;
    align-content: start !important;
    gap: 3px !important;
    margin: 4px 0 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] label > span {
    font-size: 10px !important;
    min-height: 14px !important;
    line-height: 1.4 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    label
    > input:not([type="checkbox"]) {
    height: 40px !important;
    min-height: 40px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 7px 9px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-password-hint {
    font-size: 8px !important;
    line-height: 1.3 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-data-notice {
    display: grid !important;
    grid-area: 6/1/7/3 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 2px !important;
    border: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-data-notice
    label {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-data-notice
    label
    span {
    font-size: 10px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    .auth-data-notice
    button {
    font-size: 10px !important;
    line-height: 1.3 !important;
    min-height: 24px !important;
    padding: 3px !important;
    margin: 0 !important;
    text-align: left !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authSubmit {
    grid-area: 7/1/8/3 !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 2px auto !important;
    width: calc(100% - 24px) !important;
    padding: 9px 30px !important;
    font-size: 11px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > #authRegisterBack {
    grid-area: 8/1/9/3 !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 4px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authSwitch {
    grid-area: 9/1/10/3 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px !important;
    font-size: 11px !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > #authError:not(:empty) {
    grid-area: 10/1/11/3 !important;
    padding: 8px 0 !important;
    margin: 0 !important;
  }
}
@media (min-width: 500px) and (max-width: 900px) and (max-height: 500px) and (min-aspect-ratio: 1/1) {
  body.vey-renewal #authForm.signup[data-register-step="2"] {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: 28px 24px 62px 74px 64px 44px !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authTitle {
    grid-area: 1/1/2/5 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-register-progress {
    grid-area: 2/1/3/5 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-class-confirm {
    grid-area: 3/1/5/3 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-hero-name {
    grid-area: 3/3 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-invite {
    grid-area: 3/4 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-email {
    grid-area: 4/3 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > .auth-password {
    grid-area: 4/4 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > .auth-data-notice {
    grid-area: 5/1/6/3 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authSubmit {
    grid-area: 5/3/6/5 !important;
  }
  body.vey-renewal
    #authForm.signup[data-register-step="2"]
    > #authRegisterBack {
    grid-area: 6/1/7/3 !important;
  }
  body.vey-renewal #authForm.signup[data-register-step="2"] > #authSwitch {
    grid-area: 6/3/7/5 !important;
  }
}
@media (max-width: 900px) {
  body.vey-renewal .auth-class-track .auth-track-emblem {
    width: calc(100% - 6px) !important;
    height: calc(100% - 6px) !important;
    inset: 3px auto auto 3px !important;
    align-self: auto !important;
  }
  body.vey-renewal .auth-skill-picker button span {
    display: inline !important;
    position: static !important;
    opacity: 1 !important;
  }
}
@media (max-width: 900px) {
  body.vey-renewal #authForm.signup .auth-class-art-poster {
    background-position: center !important;
  }
}