body.pixgom-inner-login,
body.pixgom-inner-signup,
body.pixgom-inner-apply {
  --pg-bg: #faf8f3;
  --pg-ink: #0b1020;
  --pg-muted: #62748e;
  --pg-line: rgba(98, 116, 142, 0.18);
  --pg-yellow: #ffd400;
  --pg-green: #00bc7d;
  --pg-card: #ffffff;
  background: var(--pg-bg) !important;
  color: var(--pg-ink);
  font-family: Pretendard, "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

body.pixgom-inner-login .inner-site-header,
body.pixgom-inner-signup .inner-site-header,
body.pixgom-inner-apply .inner-site-header {
  width: min(100% - 64px, 1200px);
  min-height: 74px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 1px solid rgba(98, 116, 142, 0.14);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

body.pixgom-inner-login .inner-brand,
body.pixgom-inner-signup .inner-brand,
body.pixgom-inner-apply .inner-brand,
body.pixgom-inner-login .inner-site-brand,
body.pixgom-inner-signup .inner-site-brand,
body.pixgom-inner-apply .inner-site-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 156px;
  color: var(--pg-ink);
  text-decoration: none;
}

body.pixgom-inner-login .inner-brand img,
body.pixgom-inner-signup .inner-brand img,
body.pixgom-inner-apply .inner-brand img,
body.pixgom-inner-login .inner-site-brand img,
body.pixgom-inner-signup .inner-site-brand img,
body.pixgom-inner-apply .inner-site-brand img {
  width: 30px;
  height: 30px;
  border-radius: 9px;
}

body.pixgom-inner-login .inner-brand strong,
body.pixgom-inner-signup .inner-brand strong,
body.pixgom-inner-apply .inner-brand strong,
body.pixgom-inner-login .inner-site-brand strong,
body.pixgom-inner-signup .inner-site-brand strong,
body.pixgom-inner-apply .inner-site-brand strong {
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

body.pixgom-inner-login .inner-brand em,
body.pixgom-inner-signup .inner-brand em,
body.pixgom-inner-apply .inner-brand em,
body.pixgom-inner-login .inner-site-brand small,
body.pixgom-inner-signup .inner-site-brand small,
body.pixgom-inner-apply .inner-site-brand small {
  margin-left: 6px;
  color: #6b7da0;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: -0.02em;
}

body.pixgom-inner-login .inner-site-nav,
body.pixgom-inner-signup .inner-site-nav,
body.pixgom-inner-apply .inner-site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(24px, 4vw, 54px);
  flex: 1;
}

body.pixgom-inner-login .inner-site-nav a,
body.pixgom-inner-signup .inner-site-nav a,
body.pixgom-inner-apply .inner-site-nav a {
  color: #142033;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-decoration: none;
}

body.pixgom-inner-login .inner-site-actions,
body.pixgom-inner-signup .inner-site-actions,
body.pixgom-inner-apply .inner-site-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 104px;
}

body.pixgom-inner-login .inner-site-action,
body.pixgom-inner-signup .inner-site-action,
body.pixgom-inner-apply .inner-site-action {
  min-width: 76px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid rgba(98, 116, 142, 0.24);
  border-radius: 999px;
  background: #fff;
  color: var(--pg-ink);
  box-shadow: none;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: -0.04em;
}

body.pixgom-inner-login .inner-reference-shell,
body.pixgom-inner-signup .inner-reference-shell,
body.pixgom-inner-apply .inner-reference-shell {
  width: min(100% - 64px, 1120px);
  min-height: calc(100svh - 75px);
  margin: 0 auto;
  padding: 48px 0 64px;
  display: grid;
  grid-template-columns: minmax(0, 500px) minmax(360px, 430px);
  gap: 64px;
  align-items: center;
}

body.pixgom-inner-login .inner-reference-shell .inner-product-visual,
body.pixgom-inner-signup .inner-reference-shell .inner-product-visual,
body.pixgom-inner-apply .inner-reference-shell .inner-product-visual {
  display: none !important;
}

body.pixgom-inner-login .inner-hero-copy,
body.pixgom-inner-signup .inner-hero-copy,
body.pixgom-inner-apply .inner-hero-copy {
  align-self: center;
  max-width: 500px;
}

body.pixgom-inner-login .inner-hero-copy h1,
body.pixgom-inner-signup .inner-hero-copy h1,
body.pixgom-inner-apply .inner-hero-copy h1 {
  margin: 16px 0 20px;
  color: var(--pg-ink);
  font-size: clamp(44px, 4.15vw, 52px) !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -0.09em !important;
}

body.pixgom-inner-login .inner-hero-copy p,
body.pixgom-inner-signup .inner-hero-copy p,
body.pixgom-inner-apply .inner-hero-copy p {
  max-width: 500px;
  margin: 0 0 28px;
  color: #45556c;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 650;
  letter-spacing: -0.035em;
}

body.pixgom-inner-login .inner-pill,
body.pixgom-inner-signup .inner-pill,
body.pixgom-inner-apply .inner-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 14px;
  border: 1px solid var(--pg-line);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(11, 16, 32, 0.06);
  color: #33445f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: -0.04em;
}

body.pixgom-inner-login .inner-pill::before,
body.pixgom-inner-signup .inner-pill::before,
body.pixgom-inner-apply .inner-pill::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 999px;
  background: var(--pg-green);
  box-shadow: 0 0 0 5px rgba(0, 188, 125, 0.12);
}

body.pixgom-inner-login .inner-hero-actions,
body.pixgom-inner-signup .inner-hero-actions,
body.pixgom-inner-apply .inner-hero-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

body.pixgom-inner-login .button,
body.pixgom-inner-signup .button,
body.pixgom-inner-apply .button,
body.pixgom-inner-login .inner-primary,
body.pixgom-inner-signup .inner-primary,
body.pixgom-inner-apply .inner-primary,
body.pixgom-inner-login .inner-secondary,
body.pixgom-inner-signup .inner-secondary,
body.pixgom-inner-apply .inner-secondary {
  min-height: 54px;
  height: 54px;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

body.pixgom-inner-login .button-primary,
body.pixgom-inner-signup .button-primary,
body.pixgom-inner-apply .button-primary,
body.pixgom-inner-login .inner-primary,
body.pixgom-inner-signup .inner-primary,
body.pixgom-inner-apply .inner-primary {
  border: 0;
  background: var(--pg-ink) !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(11, 16, 32, 0.16);
}

body.pixgom-inner-login .button-secondary,
body.pixgom-inner-signup .button-secondary,
body.pixgom-inner-apply .button-secondary,
body.pixgom-inner-login .inner-secondary,
body.pixgom-inner-signup .inner-secondary,
body.pixgom-inner-apply .inner-secondary {
  border: 1px solid rgba(98, 116, 142, 0.24);
  background: #fff !important;
  color: var(--pg-ink) !important;
  box-shadow: none;
}

body.pixgom-inner-login .button-kakao,
body.pixgom-inner-signup .button-kakao {
  border: 0;
  background: var(--pg-yellow) !important;
  color: #111827 !important;
  box-shadow: none;
}

body.pixgom-inner-login .auth-card,
body.pixgom-inner-signup .auth-card,
body.pixgom-inner-apply .auth-card {
  width: min(100%, 430px);
  max-height: none !important;
  overflow: visible !important;
  padding: 30px !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 28px !important;
  background: var(--pg-card);
  box-shadow: 0 28px 80px rgba(11, 16, 32, 0.08);
}

body.pixgom-inner-signup .auth-card {
  width: min(100%, 460px);
}

body.pixgom-inner-login .auth-card .section-kicker,
body.pixgom-inner-signup .auth-card .section-kicker,
body.pixgom-inner-apply .auth-card .section-kicker {
  display: inline-flex;
  min-height: 28px;
  margin: 0 0 14px;
  padding: 0 12px;
  align-items: center;
  border: 1px solid var(--pg-line);
  border-radius: 999px;
  background: #f8fafc;
  color: #536784;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.03em;
}

body.pixgom-inner-login .auth-card h1,
body.pixgom-inner-signup .auth-card h1,
body.pixgom-inner-apply .auth-card h1 {
  margin: 0 0 12px;
  color: var(--pg-ink);
  font-size: 30px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
  letter-spacing: -0.075em !important;
}

body.pixgom-inner-login .auth-card > p,
body.pixgom-inner-signup .auth-card > p,
body.pixgom-inner-apply .auth-card > p {
  margin: 0 0 20px;
  color: #536784;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 650;
  letter-spacing: -0.03em;
}

body.pixgom-inner-login .auth-card form,
body.pixgom-inner-signup .auth-card form,
body.pixgom-inner-apply .auth-card form {
  gap: 12px;
}

body.pixgom-inner-login .auth-card form > label,
body.pixgom-inner-signup .auth-card form > label,
body.pixgom-inner-apply .auth-card form > label {
  min-height: 78px;
  padding: 14px 16px;
  border: 1px solid rgba(98, 116, 142, 0.18);
  border-radius: 18px;
  background: #f8fafc;
}

body.pixgom-inner-login .auth-card label span,
body.pixgom-inner-signup .auth-card label span,
body.pixgom-inner-apply .auth-card label span {
  color: #34445f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: -0.035em;
}

body.pixgom-inner-login .auth-card input,
body.pixgom-inner-signup .auth-card input,
body.pixgom-inner-apply .auth-card input,
body.pixgom-inner-apply .auth-card select,
body.pixgom-inner-apply .auth-card textarea {
  min-height: 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--pg-ink);
  font-size: 15px;
  font-weight: 650;
  outline: none;
}

body.pixgom-inner-apply .auth-card textarea {
  min-height: 78px;
  padding-top: 6px;
  line-height: 1.55;
}

body.pixgom-inner-login .auth-card button,
body.pixgom-inner-signup .auth-card button,
body.pixgom-inner-apply .auth-card button {
  min-height: 54px;
  border-radius: 999px !important;
}

body.pixgom-inner-login .auth-links,
body.pixgom-inner-signup .auth-links,
body.pixgom-inner-apply .auth-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

body.pixgom-inner-login .auth-links a,
body.pixgom-inner-signup .auth-links a,
body.pixgom-inner-apply .auth-links a {
  min-height: 38px;
  border: 1px solid rgba(98, 116, 142, 0.2);
  border-radius: 999px;
  background: #fff;
  color: #34445f;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

body.pixgom-inner-login .form-status,
body.pixgom-inner-signup .form-status,
body.pixgom-inner-apply .form-status {
  max-height: none !important;
  overflow: visible !important;
  border-radius: 18px !important;
  color: #45556c;
  font-size: 13px;
  line-height: 1.65;
}

body.pixgom-inner-login .inner-shortcuts,
body.pixgom-inner-signup .inner-shortcuts,
body.pixgom-inner-apply .inner-shortcuts {
  grid-column: 1 / -1;
  margin-top: -18px;
}

body.pixgom-inner-login .auth-next-card,
body.pixgom-inner-signup .auth-next-card,
body.pixgom-inner-apply .auth-next-card,
body.pixgom-inner-login .account-apply-flow-card,
body.pixgom-inner-signup .account-apply-flow-card,
body.pixgom-inner-apply .account-apply-flow-card,
body.pixgom-inner-login .pg-auth-note-grid,
body.pixgom-inner-signup .pg-auth-note-grid,
body.pixgom-inner-apply .pg-auth-note-grid,
body.pixgom-inner-login .start-journey,
body.pixgom-inner-signup .start-journey,
body.pixgom-inner-apply .start-journey {
  border-radius: 20px;
}

@media (max-width: 760px) {
  body.pixgom-inner-login,
  body.pixgom-inner-signup,
  body.pixgom-inner-apply {
    width: 100%;
    overflow-x: hidden;
  }

  body.pixgom-inner-login .inner-site-header,
  body.pixgom-inner-signup .inner-site-header,
  body.pixgom-inner-apply .inner-site-header {
    width: 100%;
    min-height: 68px;
    padding: 0 18px;
    gap: 10px;
  }

  body.pixgom-inner-login .inner-brand,
  body.pixgom-inner-signup .inner-brand,
  body.pixgom-inner-apply .inner-brand,
  body.pixgom-inner-login .inner-site-brand,
  body.pixgom-inner-signup .inner-site-brand,
  body.pixgom-inner-apply .inner-site-brand {
    min-width: 0;
    gap: 9px;
  }

  body.pixgom-inner-login .inner-brand img,
  body.pixgom-inner-signup .inner-brand img,
  body.pixgom-inner-apply .inner-brand img,
  body.pixgom-inner-login .inner-site-brand img,
  body.pixgom-inner-signup .inner-site-brand img,
  body.pixgom-inner-apply .inner-site-brand img {
    width: 33px;
    height: 33px;
    border-radius: 10px;
  }

  body.pixgom-inner-login .inner-brand strong,
  body.pixgom-inner-signup .inner-brand strong,
  body.pixgom-inner-apply .inner-brand strong,
  body.pixgom-inner-login .inner-site-brand strong,
  body.pixgom-inner-signup .inner-site-brand strong,
  body.pixgom-inner-apply .inner-site-brand strong {
    font-size: 16px;
  }

  body.pixgom-inner-login .inner-brand em,
  body.pixgom-inner-signup .inner-brand em,
  body.pixgom-inner-apply .inner-brand em,
  body.pixgom-inner-login .inner-site-brand small,
  body.pixgom-inner-signup .inner-site-brand small,
  body.pixgom-inner-apply .inner-site-brand small {
    display: block;
    margin: 2px 0 0;
    font-size: 10px;
  }

  body.pixgom-inner-login .inner-site-nav,
  body.pixgom-inner-signup .inner-site-nav,
  body.pixgom-inner-apply .inner-site-nav {
    display: none !important;
  }

  body.pixgom-inner-login .inner-site-actions,
  body.pixgom-inner-signup .inner-site-actions,
  body.pixgom-inner-apply .inner-site-actions {
    min-width: 0;
    margin-left: auto;
  }

  body.pixgom-inner-login .inner-site-action,
  body.pixgom-inner-signup .inner-site-action,
  body.pixgom-inner-apply .inner-site-action {
    min-width: 74px;
    min-height: 42px;
    padding: 0 16px;
    font-size: 12px;
  }

  body.pixgom-inner-login .inner-reference-shell,
  body.pixgom-inner-signup .inner-reference-shell,
  body.pixgom-inner-apply .inner-reference-shell {
    width: 100%;
    min-height: calc(100svh - 68px);
    padding: 16px 16px 28px;
    display: block;
  }

  body.pixgom-inner-login .inner-hero-copy,
  body.pixgom-inner-signup .inner-hero-copy,
  body.pixgom-inner-apply .inner-hero-copy,
  body.pixgom-inner-login .inner-product-visual,
  body.pixgom-inner-signup .inner-product-visual,
  body.pixgom-inner-apply .inner-product-visual,
  body.pixgom-inner-login .inner-shortcuts,
  body.pixgom-inner-signup .inner-shortcuts,
  body.pixgom-inner-apply .inner-shortcuts {
    display: none !important;
  }

  body.pixgom-inner-login .auth-card,
  body.pixgom-inner-signup .auth-card,
  body.pixgom-inner-apply .auth-card {
    width: 100%;
    margin: 0;
    padding: 24px 20px;
    border-radius: 26px;
    box-shadow: 0 22px 64px rgba(11, 16, 32, 0.08);
  }

  body.pixgom-inner-login .auth-card h1,
  body.pixgom-inner-signup .auth-card h1,
  body.pixgom-inner-apply .auth-card h1 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  body.pixgom-inner-login .auth-card > p,
  body.pixgom-inner-signup .auth-card > p,
  body.pixgom-inner-apply .auth-card > p {
    margin-bottom: 16px;
    font-size: 13px;
    line-height: 1.65;
  }

  body.pixgom-inner-signup .pg-auth-note-grid,
  body.pixgom-inner-signup .start-journey,
  body.pixgom-inner-signup .account-apply-flow-card,
  body.pixgom-inner-apply .pg-auth-note-grid,
  body.pixgom-inner-apply .start-journey,
  body.pixgom-inner-apply .account-apply-flow-card,
  body.pixgom-inner-apply .auth-next-card {
    display: none !important;
  }

  body.pixgom-inner-login .auth-card form,
  body.pixgom-inner-signup .auth-card form,
  body.pixgom-inner-apply .auth-card form {
    gap: 10px;
  }

  body.pixgom-inner-login .auth-card form > label,
  body.pixgom-inner-signup .auth-card form > label,
  body.pixgom-inner-apply .auth-card form > label {
    min-height: 72px;
    padding: 13px 15px;
    border-radius: 18px;
  }

  body.pixgom-inner-login .auth-card button,
  body.pixgom-inner-signup .auth-card button,
  body.pixgom-inner-apply .auth-card button,
  body.pixgom-inner-login .button,
  body.pixgom-inner-signup .button,
  body.pixgom-inner-apply .button {
    min-height: 52px !important;
    height: 52px !important;
    font-size: 14px !important;
  }

  body.pixgom-inner-login .auth-links,
  body.pixgom-inner-signup .auth-links,
  body.pixgom-inner-apply .auth-links {
    gap: 8px;
  }
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-inner-signup.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-detail-signup.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-inner-apply.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-detail-apply.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
  box-sizing: border-box !important;
  width: 430px !important;
  max-width: 100% !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-inner-signup.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-detail-signup.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-inner-apply.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-detail-apply.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card button {
  width: 100% !important;
}

@media (max-width: 760px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-inner-signup.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-detail-signup.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-inner-apply.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-detail-apply.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    width: 100% !important;
  }
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .inner-hero-copy h1,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .inner-hero-copy h1,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .inner-hero-copy h1 {
  width: auto !important;
  max-width: 500px !important;
  margin: 16px 0 20px !important;
  color: #0b1020 !important;
  font-size: clamp(44px, 4.15vw, 52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.09em !important;
  font-weight: 950 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
  box-sizing: border-box !important;
  width: 430px !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 30px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 28px 80px rgba(11, 16, 32, 0.08) !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card h1,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card h1,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card h1 {
  width: auto !important;
  margin: 0 0 12px !important;
  color: #0b1020 !important;
  font-size: 30px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.075em !important;
  font-weight: 950 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card .button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card .button,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card .button {
  min-height: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width: 760px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card h1,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card h1 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card .button {
    min-height: 52px !important;
    height: 52px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 380px) {
  body.pixgom-inner-login .inner-reference-shell,
  body.pixgom-inner-signup .inner-reference-shell,
  body.pixgom-inner-apply .inner-reference-shell {
    padding-left: 14px;
    padding-right: 14px;
  }

  body.pixgom-inner-login .auth-card,
  body.pixgom-inner-signup .auth-card,
  body.pixgom-inner-apply .auth-card {
    padding: 22px 18px;
  }
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-login .inner-hero-copy h1,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .inner-hero-copy h1,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .inner-hero-copy h1 {
  width: auto !important;
  max-width: 500px !important;
  margin: 16px 0 20px !important;
  color: #0b1020 !important;
  font-size: clamp(44px, 4.15vw, 52px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.09em !important;
  font-weight: 950 !important;
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card {
  width: min(100%, 430px) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 30px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 28px 80px rgba(11, 16, 32, 0.08) !important;
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card {
  width: min(100%, 460px) !important;
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card h1,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card h1,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card h1 {
  width: auto !important;
  margin: 0 0 12px !important;
  color: #0b1020 !important;
  font-size: 30px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.075em !important;
  font-weight: 950 !important;
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card button,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card button,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card button,
html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card .button,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card .button,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card .button {
  min-height: 54px !important;
  height: 54px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card form > label,
html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card form > label,
html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card form > label {
  min-height: 78px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  border-radius: 18px !important;
  background: #f8fafc !important;
}

@media (max-width: 760px) {
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .inner-hero-copy,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .inner-hero-copy,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .inner-hero-copy,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .inner-product-visual,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .inner-product-visual,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .inner-product-visual,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .inner-shortcuts,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .inner-shortcuts,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .inner-shortcuts {
    display: none !important;
  }

  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card {
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card h1,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card h1,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card h1 {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card button,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card button,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card button,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card .button,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card .button,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card .button {
    min-height: 52px !important;
    height: 52px !important;
    font-size: 14px !important;
  }

  html body.auth-page.pixgom-inner-reference.pixgom-inner-login .auth-card form > label,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .auth-card form > label,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-card form > label {
    min-height: 72px !important;
    padding: 13px 15px !important;
  }

  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .pg-auth-note-grid,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .start-journey,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup .account-apply-flow-card,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .pg-auth-note-grid,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .start-journey,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .account-apply-flow-card,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply .auth-next-card {
    display: none !important;
  }
}

/* === PIXGOM final header/CI alignment override: must load last on auth pages === */
@media (max-width: 760px) {
  html body .inner-site-header,
  html body .pg-header {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .06) !important;
    background: rgba(250, 248, 243, .90) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
  }

  html body .inner-site-brand,
  html body .pg-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body .inner-site-brand img,
  html body .pg-brand img,
  html body .inner-site-brand .brand-mark,
  html body .pg-brand .brand-mark {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
    display: block !important;
    box-shadow: none !important;
  }

  html body .inner-site-brand strong,
  html body .pg-brand strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    color: #0b1020 !important;
    margin: 0 !important;
  }

  html body .inner-site-brand small,
  html body .pg-brand small,
  html body .brand-version {
    display: none !important;
  }

  html body .inner-site-nav,
  html body .inner-site-action,
  html body .pg-nav,
  html body .pg-login,
  html body .pg-signup,
  html body .pg-actions {
    display: none !important;
  }

  html body .inner-site-header::after,
  html body .pg-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 12px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 20px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 28px / 21px 2.25px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
}

/* === PIXGOM absolute final mobile header rule: home screen is source of truth === */
@media (max-width: 860px) {
  html body.pixgom-unified header.inner-site-header,
  html body.pixgom-unified header.pg-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-login header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-signup header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-inner-apply header.inner-site-header,
  html body.pixgom-inner-reference header.inner-site-header,
  html body.account-page header.inner-site-header,
  html body.console-shell-page header.inner-site-header {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .06) !important;
    background: rgba(250, 248, 243, .90) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified .pg-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified .inner-site-brand,
  html body.pixgom-unified .pg-brand,
  html body.auth-page.pixgom-inner-reference .inner-site-brand,
  html body.pixgom-inner-reference .inner-site-brand,
  html body.account-page .inner-site-brand,
  html body.console-shell-page .inner-site-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified .inner-site-brand img,
  html body.pixgom-unified .pg-brand img,
  html body.auth-page.pixgom-inner-reference .inner-site-brand img,
  html body.pixgom-inner-reference .inner-site-brand img,
  html body.account-page .inner-site-brand img,
  html body.console-shell-page .inner-site-brand img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
  }

  html body.pixgom-unified .inner-site-brand strong,
  html body.pixgom-unified .pg-brand strong,
  html body.auth-page.pixgom-inner-reference .inner-site-brand strong,
  html body.pixgom-inner-reference .inner-site-brand strong,
  html body.account-page .inner-site-brand strong,
  html body.console-shell-page .inner-site-brand strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    color: #0b1020 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified .inner-site-brand small,
  html body.pixgom-unified .pg-brand small,
  html body.auth-page.pixgom-inner-reference .inner-site-brand small,
  html body.pixgom-inner-reference .inner-site-brand small,
  html body.account-page .inner-site-brand small,
  html body.console-shell-page .inner-site-brand small,
  html body.pixgom-unified .brand-version {
    display: none !important;
  }

  html body.pixgom-unified .inner-site-nav,
  html body.pixgom-unified .inner-site-action,
  html body.pixgom-unified .pg-nav,
  html body.pixgom-unified .pg-actions,
  html body.pixgom-unified .pg-login,
  html body.pixgom-unified .pg-signup,
  html body.auth-page.pixgom-inner-reference .inner-site-nav,
  html body.auth-page.pixgom-inner-reference .inner-site-action,
  html body.pixgom-inner-reference .inner-site-nav,
  html body.pixgom-inner-reference .inner-site-action,
  html body.account-page .inner-site-nav,
  html body.account-page .inner-site-action,
  html body.console-shell-page .inner-site-nav,
  html body.console-shell-page .inner-site-action {
    display: none !important;
  }

  html body.pixgom-unified header.inner-site-header::after,
  html body.pixgom-unified header.pg-header::after,
  html body.auth-page.pixgom-inner-reference header.inner-site-header::after,
  html body.pixgom-inner-reference header.inner-site-header::after,
  html body.account-page header.inner-site-header::after,
  html body.console-shell-page header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 12px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 20px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 28px / 21px 2.25px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }
}

/* === PIXGOM logo mark final size lock === */
@media (max-width: 860px) {
  html body.pixgom-unified .inner-site-brand img,
  html body.pixgom-unified .pg-brand img,
  html body.auth-page.pixgom-inner-reference .inner-site-brand img,
  html body.pixgom-inner-reference .inner-site-brand img,
  html body.account-page .inner-site-brand img,
  html body.console-shell-page .inner-site-brand img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    flex: 0 0 26px !important;
  }
}

/* === PIXGOM home-accurate header baseline v16 === */
@media (max-width: 860px) {
  html body.pixgom-unified header.pg-header,
  html body.pixgom-inner-reference header.inner-site-header,
  html body.auth-page.pixgom-inner-reference header.inner-site-header,
  html body.account-page header.inner-site-header,
  html body.console-shell-page header.inner-site-header {
    width: 100% !important;
    min-height: 68px !important;
    height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .06) !important;
    background: rgba(250, 248, 243, .90) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified .pg-header-inner {
    display: contents !important;
  }

  html body.pixgom-unified .pg-brand,
  html body.pixgom-inner-reference .inner-site-brand,
  html body.auth-page.pixgom-inner-reference .inner-site-brand,
  html body.account-page .inner-site-brand,
  html body.console-shell-page .inner-site-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 150px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body.pixgom-unified .pg-brand img,
  html body.pixgom-inner-reference .inner-site-brand img,
  html body.auth-page.pixgom-inner-reference .inner-site-brand img,
  html body.account-page .inner-site-brand img,
  html body.console-shell-page .inner-site-brand img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified .pg-brand strong,
  html body.pixgom-inner-reference .inner-site-brand strong,
  html body.auth-page.pixgom-inner-reference .inner-site-brand strong,
  html body.account-page .inner-site-brand strong,
  html body.console-shell-page .inner-site-brand strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    color: #0b1020 !important;
    margin: 0 !important;
  }

  html body.pixgom-unified .pg-brand small,
  html body.pixgom-inner-reference .inner-site-brand small,
  html body.auth-page.pixgom-inner-reference .inner-site-brand small,
  html body.account-page .inner-site-brand small,
  html body.console-shell-page .inner-site-brand small {
    display: block !important;
    margin-top: 4px !important;
    color: #4f6b8f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
  }

  html body.pixgom-unified .pg-nav,
  html body.pixgom-unified .pg-header-actions,
  html body.pixgom-unified header.pg-header > .pg-login,
  html body.pixgom-unified header.pg-header .pg-signup,
  html body.pixgom-unified header.pg-header .pg-login,
  html body.pixgom-inner-reference .inner-site-nav,
  html body.pixgom-inner-reference .inner-site-action,
  html body.auth-page.pixgom-inner-reference .inner-site-nav,
  html body.auth-page.pixgom-inner-reference .inner-site-action,
  html body.account-page .inner-site-nav,
  html body.account-page .inner-site-action,
  html body.console-shell-page .inner-site-nav,
  html body.console-shell-page .inner-site-action {
    display: none !important;
  }

  html body.pixgom-unified header.pg-header::after,
  html body.pixgom-inner-reference header.inner-site-header::after,
  html body.auth-page.pixgom-inner-reference header.inner-site-header::after,
  html body.account-page header.inner-site-header::after,
  html body.console-shell-page header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 13px / 24px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 21px / 24px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 29px / 24px 2.25px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  html body.pixgom-unified .pg-menu {
    grid-column: 3 !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* === PIXGOM brand lockup parity v16.3 === */
@media (max-width: 860px) {
  html body.pixgom-unified .pg-brand,
  html body.pixgom-inner-reference .inner-site-brand,
  html body.auth-page.pixgom-inner-reference .inner-site-brand,
  html body.account-page .inner-site-brand,
  html body.console-shell-page .inner-site-brand {
    gap: 10px !important;
    max-width: none !important;
  }

  html body.pixgom-unified .pg-brand > span,
  html body.pixgom-inner-reference .inner-site-brand > span,
  html body.auth-page.pixgom-inner-reference .inner-site-brand > span,
  html body.account-page .inner-site-brand > span,
  html body.console-shell-page .inner-site-brand > span {
    display: contents !important;
  }

  html body.pixgom-unified .pg-brand small,
  html body.pixgom-inner-reference .inner-site-brand small,
  html body.auth-page.pixgom-inner-reference .inner-site-brand small,
  html body.account-page .inner-site-brand small,
  html body.console-shell-page .inner-site-brand small {
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    color: #4f6b8f !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
  }
}

/* === PIXGOM brand typography parity v16.4 === */
@media (max-width: 860px) {
  html body.pixgom-unified .pg-brand small,
  html body.pixgom-inner-reference .inner-site-brand small,
  html body.auth-page.pixgom-inner-reference .inner-site-brand small,
  html body.account-page .inner-site-brand small,
  html body.console-shell-page .inner-site-brand small {
    color: #62748e !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
  }
}

/* === PIXGOM auth exact header parity v16.12 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner-reference.pixgom-unified header.inner-site-header,
  html body.auth-page.pixgom-inner-reference header.inner-site-header {
    width: 100% !important;
    min-height: 68px !important;
    height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .inner-site-brand,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .inner-site-brand,
  html body.auth-page.pixgom-inner-reference .inner-site-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    gap: 10px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .inner-site-action,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .inner-site-action,
  html body.auth-page.pixgom-inner-reference .inner-site-action,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .inner-site-nav,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .inner-site-nav,
  html body.auth-page.pixgom-inner-reference .inner-site-nav {
    display: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified header.inner-site-header::after,
  html body.auth-page.pixgom-inner-reference.pixgom-unified header.inner-site-header::after,
  html body.auth-page.pixgom-inner-reference header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 13px / 24px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 21px / 24px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 29px / 24px 2.25px no-repeat !important;
  }
}

/* === PIXGOM auth mobile width parity v16.13 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified main.auth-shell.inner-reference-shell,
  html body.auth-page.pixgom-inner-reference.pixgom-unified main.auth-shell.inner-reference-shell,
  html body.auth-page.pixgom-inner-reference main.auth-shell.inner-reference-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - 68px) !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
    display: block !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .auth-card,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .auth-card,
  html body.auth-page.pixgom-inner-reference .auth-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 24px 20px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(98, 116, 142, .18) !important;
    background: #fff !important;
    box-shadow: 0 22px 64px rgba(11, 16, 32, .08) !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .auth-card form > label,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .auth-card form > label,
  html body.auth-page.pixgom-inner-reference .auth-card form > label {
    border-radius: 18px !important;
    background: #f8fafc !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-unified .auth-card .button,
  html body.auth-page.pixgom-inner-reference.pixgom-unified .auth-card .button,
  html body.auth-page.pixgom-inner-reference .auth-card .button {
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    border-radius: 999px !important;
  }
}

/* === PIXGOM auth exact shell padding parity v16.14 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-signup.pixgom-detail-page.pixgom-detail-signup.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-login.pixgom-detail-page.pixgom-detail-login.pixgom-inner-reference.pixgom-unified .auth-shell.inner-reference-shell {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 20px 38px !important;
    display: block !important;
  }
}

/* === PIXGOM apply mobile card lift v16.16 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    margin-top: -142px !important;
  }
}

/* === PIXGOM apply mobile card final visual lift v16.17 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    transform: translateY(-71px) !important;
    margin-bottom: -71px !important;
  }
}

/* === PIXGOM apply mobile card final top match v16.18 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    transform: translateY(-106px) !important;
    margin-bottom: -106px !important;
  }
}

/* === PIXGOM apply mobile card exact home top v16.19 === */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-apply.pixgom-detail-page.pixgom-detail-apply.pixgom-inner-reference.pixgom-unified .auth-card {
    transform: translateY(-124px) !important;
    margin-bottom: -124px !important;
  }
}

/* === PIXGOM header lock v17: home CI standard === */
:root {
  --pg-lock-bg: #faf8f3;
  --pg-lock-ink: #0b1020;
  --pg-lock-muted: #62748e;
  --pg-lock-line: rgba(11, 16, 32, .08);
}

@media (max-width: 860px) {
  html body header.header,
  html body header.pg-header,
  html body header.inner-site-header {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    column-gap: 16px !important;
    background: rgba(250, 248, 243, .96) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--pg-lock-line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html body header.header > .header-inner,
  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body header.header .brand,
  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    color: var(--pg-lock-ink) !important;
    text-decoration: none !important;
    transform: none !important;
  }

  html body header.header .brand > span:not(.brand-name):not(.brand-version),
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: contents !important;
  }

  html body header.header .brand-mark,
  html body header.header .brand img,
  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    display: block !important;
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body header.header .brand-name,
  html body header.header .brand strong,
  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pg-lock-ink) !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
    white-space: nowrap !important;
  }

  html body header.header .brand-version,
  html body header.header .brand small,
  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--pg-lock-muted) !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
    white-space: nowrap !important;
  }

  html body header.header .nav,
  html body header.header .actions,
  html body header.pg-header .pg-nav,
  html body header.pg-header .pg-header-actions,
  html body header.pg-header .pg-login,
  html body header.pg-header .pg-signup,
  html body header.inner-site-header .inner-site-nav,
  html body header.inner-site-header .inner-site-action,
  html body header.inner-site-header .pg-nav,
  html body header.inner-site-header .pg-login,
  html body header.inner-site-header .pg-signup,
  html body header.inner-site-header .pg-header-actions {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body header.header::after,
  html body header.pg-header::after {
    content: none !important;
    display: none !important;
  }

  html body header.inner-site-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    display: block !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 14px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 22px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 30px / 21px 2.25px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  html body header.header .menu-open,
  html body header.pg-header .pg-menu,
  html body header.inner-site-header .pg-menu,
  html body header.inner-site-header .menu-open {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    box-sizing: border-box !important;
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--pg-lock-ink) !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: none !important;
  }

  html body header.pg-header .pg-menu {
    color: transparent !important;
    background:
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 14px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 22px / 21px 2.25px no-repeat,
      linear-gradient(var(--pg-lock-ink), var(--pg-lock-ink)) center 30px / 21px 2.25px no-repeat !important;
  }

  html body header.header .menu-open svg,
  html body header.inner-site-header .menu-open svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    color: var(--pg-lock-ink) !important;
    stroke: var(--pg-lock-ink) !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header,
  html body header.inner-site-header {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 32px !important;
    margin: 0 !important;
    background: rgba(250, 248, 243, .96) !important;
    border-bottom: 1px solid var(--pg-lock-line) !important;
    box-shadow: none !important;
  }

  html body header.pg-header > .pg-header-inner,
  html body header.inner-site-header > .pg-header-inner,
  html body header.inner-site-header > .inner-site-header-inner {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1120px !important;
    height: 72px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 220px minmax(420px, 1fr) 220px !important;
    align-items: center !important;
    column-gap: 24px !important;
  }

  html body header.pg-header .pg-brand,
  html body header.inner-site-header .inner-site-brand,
  html body header.inner-site-header .pg-brand {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: contents !important;
  }

  html body header.pg-header .pg-brand img,
  html body header.inner-site-header .inner-site-brand img,
  html body header.inner-site-header .pg-brand img {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8.5px !important;
  }

  html body header.pg-header .pg-brand strong,
  html body header.inner-site-header .inner-site-brand strong,
  html body header.inner-site-header .pg-brand strong {
    color: var(--pg-lock-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 15px !important;
    letter-spacing: -0.3px !important;
  }

  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: inline-grid !important;
    place-items: center !important;
    margin: 0 !important;
    color: var(--pg-lock-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 10px !important;
    letter-spacing: -0.4px !important;
  }

  html body header.pg-header .pg-nav,
  html body header.inner-site-header .inner-site-nav {
    grid-column: 2 !important;
    justify-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body header.pg-header .pg-nav a,
  html body header.inner-site-header .inner-site-nav a {
    color: var(--pg-lock-ink) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
    text-decoration: none !important;
  }

  html body header.pg-header .pg-header-actions,
  html body header.inner-site-header .inner-site-action {
    grid-column: 3 !important;
    justify-self: end !important;
  }

  html body header.pg-header .pg-menu,
  html body header.inner-site-header::after,
  html body header.pg-header::after {
    display: none !important;
    content: none !important;
  }
}

/* === PIXGOM CI inline lock v18: no stacked version === */
@media (max-width: 860px) {
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 15px !important;
    min-height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  html body header.pg-header .pg-brand small,
  html body header.inner-site-header .inner-site-brand small,
  html body header.inner-site-header .pg-brand small {
    display: inline-grid !important;
    place-items: center !important;
    align-self: center !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

@media (min-width: 861px) {
  html body header.pg-header .pg-brand > span,
  html body header.inner-site-header .inner-site-brand > span,
  html body header.inner-site-header .pg-brand > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* === PIXGOM login card top parity v22 === */
@media (max-width: 860px) {
  html body.auth-page.pixgom-inner-login .auth-card,
  html body.auth-page.pixgom-detail-login .auth-card {
    margin-top: -47px !important;
  }
}