/* Guest client shell: sign-in, registration, legal and public status pages.
   Marketing has its own isolated composition and is intentionally excluded. */

body[data-scope="app"]:not([data-auth]) {
  --guest-navy: #071b31;
  --guest-navy-soft: #0d2d4a;
  --guest-accent: #345f7f;
  --guest-ink: #10263b;
  --guest-muted: #667786;
  --guest-canvas: #f3f6f8;
  --guest-line: #dce5ea;
  --client-blue-700: #345f7f;
  --client-blue-100: #edf2f5;
  min-height: 100vh;
  overflow-x: clip;
  color: var(--guest-ink) !important;
  background: var(--guest-canvas) !important;
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
  font-weight: 400 !important;
}

body[data-scope="app"]:not([data-auth]) *,
body[data-scope="app"]:not([data-auth]) *::before,
body[data-scope="app"]:not([data-auth]) *::after { box-sizing: border-box; }

body[data-scope="app"]:not([data-auth]) h1,
body[data-scope="app"]:not([data-auth]) h2,
body[data-scope="app"]:not([data-auth]) h3,
body[data-scope="app"]:not([data-auth]) h4,
body[data-scope="app"]:not([data-auth]) h5,
body[data-scope="app"]:not([data-auth]) h6,
body[data-scope="app"]:not([data-auth]) strong,
body[data-scope="app"]:not([data-auth]) b,
body[data-scope="app"]:not([data-auth]) .ui-title,
body[data-scope="app"]:not([data-auth]) .kyc-title {
  font-weight: 400 !important;
}

body[data-scope="app"]:not([data-auth]) .container {
  width: min(calc(100% - 64px), 1280px) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body[data-scope="app"]:not([data-auth]) main.page-content {
  width: 100%;
  margin-left: 0 !important;
  padding: 112px 0 64px !important;
}

body[data-scope="app"]:not([data-auth]) .site-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 1100;
  width: 100% !important;
  min-height: 76px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(7, 27, 49, .08) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) saturate(120%);
}

body[data-scope="app"]:not([data-auth]) .site-header .header-inner {
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) auto;
  width: min(calc(100% - 64px), 1280px) !important;
  max-width: 1280px !important;
  height: 76px !important;
  min-height: 76px !important;
  margin-inline: auto !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 26px !important;
  overflow: visible !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .logo {
  display: inline-flex !important;
  width: max-content;
  min-height: 44px !important;
  margin: 0 !important;
  align-items: center;
  color: var(--guest-navy) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  text-decoration: none;
}

body[data-scope="app"]:not([data-auth]) .site-header .logo::after {
  content: "BUSINESS";
  display: inline-block !important;
  margin-left: 12px !important;
  padding-left: 12px;
  border-left: 1px solid #d1dbe2;
  color: #6e7f8d;
  font-size: 8.5px !important;
  font-weight: 400 !important;
  line-height: 18px;
  letter-spacing: .14em !important;
  vertical-align: 0 !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav {
  position: static !important;
  display: flex !important;
  width: auto !important;
  height: 76px;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
  gap: clamp(15px, 1.5vw, 25px) !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-link {
  position: relative;
  display: inline-flex !important;
  width: auto !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #5c7081 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  white-space: nowrap;
  text-decoration: none !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-link:hover,
body[data-scope="app"]:not([data-auth]) .site-header .nav-link.active { color: var(--guest-navy) !important; }

body[data-scope="app"]:not([data-auth]) .site-header .nav-link::after {
  content: "";
  position: absolute;
  right: 0 !important;
  bottom: 2px !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: var(--guest-navy) !important;
  transform: scaleX(0) !important;
  transform-origin: right;
  transition: transform 170ms ease !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-link:hover::after,
body[data-scope="app"]:not([data-auth]) .site-header .nav-link.active::after {
  transform: scaleX(1) !important;
  transform-origin: left;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-ico,
body[data-scope="app"]:not([data-auth]) .site-header .ico-wrap,
body[data-scope="app"]:not([data-auth]) .site-header .lang-caret {
  display: inline-flex !important;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  color: currentColor;
  background: transparent !important;
  line-height: 0;
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-ico svg,
body[data-scope="app"]:not([data-auth]) .site-header .ico-wrap svg,
body[data-scope="app"]:not([data-auth]) .site-header .lang-caret svg { width: 17px !important; height: 17px !important; stroke-width: 1.55; transform: none !important; }

body[data-scope="app"]:not([data-auth]) .site-header .nav-lang {
  width: auto !important;
  height: 44px;
  margin: 0 0 0 2px !important;
  padding: 0 0 0 18px !important;
  border-left: 1px solid var(--guest-line);
}

body[data-scope="app"]:not([data-auth]) .site-header .nav-lang > .nav-link { height: 44px; }
body[data-scope="app"]:not([data-auth]) .site-header .nav-lang > .nav-link::after { display: none !important; }

body[data-scope="app"]:not([data-auth]) .site-header .header-actions {
  display: flex !important;
  width: auto !important;
  height: 44px;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 7px !important;
  border: 0 !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn,
body[data-scope="app"]:not([data-auth]) .btn {
  display: inline-flex;
  width: auto;
  min-width: 0;
  height: 44px;
  min-height: 44px !important;
  margin: 0;
  padding: 0 14px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid #ccd7df !important;
  border-radius: 4px !important;
  color: #2b455c !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transform: none !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn.ghost { border-color: transparent !important; }

body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn.primary,
body[data-scope="app"]:not([data-auth]) .btn.primary {
  border-color: var(--guest-navy) !important;
  color: #fff !important;
  background: var(--guest-navy) !important;
}

body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn:hover,
body[data-scope="app"]:not([data-auth]) .btn:hover { border-color: #9eafbc !important; color: var(--guest-navy) !important; background: #f7f9fa !important; }

body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn.primary:hover,
body[data-scope="app"]:not([data-auth]) .btn.primary:hover { border-color: var(--guest-navy-soft) !important; color: #fff !important; background: var(--guest-navy-soft) !important; }

body[data-scope="app"]:not([data-auth]) .btn .ico-wrap {
  display: inline-flex !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  line-height: 0;
}

body[data-scope="app"]:not([data-auth]) .btn .ico-wrap svg { width: 17px !important; height: 17px !important; stroke-width: 1.55; }

/* Sign-in is one deliberate split composition, not two stacked cards. */
body[data-scope="app"]:not([data-auth]) .access-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
  min-height: 540px;
  overflow: hidden;
  background: #fff;
}

body[data-scope="app"]:not([data-auth]) .access-intro {
  position: relative;
  isolation: isolate;
  display: flex;
  padding: clamp(48px, 6vw, 82px);
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  background: var(--guest-navy);
}

body[data-scope="app"]:not([data-auth]) .access-intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -35%;
  right: -30%;
  width: 75%;
  height: 85%;
  background: rgba(68, 108, 139, .18);
  filter: blur(72px);
}

body[data-scope="app"]:not([data-auth]) .access-intro h1 {
  max-width: 570px;
  margin: 0;
  color: #fff !important;
  font-size: clamp(32px, 2.8vw, 40px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.047em !important;
}

body[data-scope="app"]:not([data-auth]) .access-intro > p { max-width: 540px; margin: 20px 0 0; color: #c4d3de; font-size: 14px; line-height: 1.6; }
body[data-scope="app"]:not([data-auth]) .access-intro .biz-eyebrow { margin-bottom: 19px; color: #a9c5d9; }
body[data-scope="app"]:not([data-auth]) .access-assurance { display: flex; margin-top: 30px; flex-wrap: wrap; gap: 13px 22px; }
body[data-scope="app"]:not([data-auth]) .access-assurance > span { display: inline-flex; align-items: center; gap: 8px; color: #bdceda; font-size: 12px; }
body[data-scope="app"]:not([data-auth]) .access-assurance svg { width: 17px; height: 17px; color: #a5bed1; stroke-width: 1.55; }

body[data-scope="app"]:not([data-auth]) .access-form-wrap {
  display: flex;
  padding: clamp(48px, 6vw, 78px);
  flex-direction: column;
  justify-content: center;
  border: 0 !important;
  background: #fff;
}

body[data-scope="app"]:not([data-auth]) .access-form-head,
body[data-scope="app"]:not([data-auth]) .access-form,
body[data-scope="app"]:not([data-auth]) .access-help { width: 100%; max-width: 420px; margin-inline: auto; }
body[data-scope="app"]:not([data-auth]) .access-kicker { margin: 0 0 12px; color: var(--guest-accent); font-size: 10.5px; letter-spacing: .14em; text-transform: uppercase; }
body[data-scope="app"]:not([data-auth]) .access-form-head h2 { margin: 0; color: var(--guest-navy) !important; font-size: clamp(28px, 2.35vw, 32px) !important; line-height: 1.1 !important; }
body[data-scope="app"]:not([data-auth]) .access-form-head p { margin: 13px 0 0; color: var(--guest-muted); font-size: 13.5px; line-height: 1.6; }
body[data-scope="app"]:not([data-auth]) .access-form { display: grid; gap: 16px; margin-top: 24px; }
body[data-scope="app"]:not([data-auth]) .access-form label { display: grid; gap: 8px; color: #4d6274; font-size: 11.5px; }

body[data-scope="app"]:not([data-auth]) .input,
body[data-scope="app"]:not([data-auth]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-scope="app"]:not([data-auth]) select,
body[data-scope="app"]:not([data-auth]) textarea {
  width: 100%;
  min-height: 44px !important;
  padding: 9px 11px !important;
  border: 1px solid #c9d5dd !important;
  border-radius: 4px !important;
  color: var(--guest-navy) !important;
  background: #fff !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35;
  outline: none;
}

body[data-scope="app"]:not([data-auth]) textarea { min-height: 116px !important; resize: vertical; }
body[data-scope="app"]:not([data-auth]) .input:hover,
body[data-scope="app"]:not([data-auth]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):hover,
body[data-scope="app"]:not([data-auth]) select:hover,
body[data-scope="app"]:not([data-auth]) textarea:hover { border-color: #9caebb !important; }
body[data-scope="app"]:not([data-auth]) .input:focus,
body[data-scope="app"]:not([data-auth]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus,
body[data-scope="app"]:not([data-auth]) select:focus,
body[data-scope="app"]:not([data-auth]) textarea:focus { border-color: var(--guest-accent) !important; box-shadow: 0 0 0 2px rgba(52, 95, 127, .11) !important; }
body[data-scope="app"]:not([data-auth]) .access-submit { width: 100% !important; height: 44px; min-height: 44px !important; justify-content: space-between !important; margin-top: 3px; }
body[data-scope="app"]:not([data-auth]) .access-help {
  display: flex;
  margin-top: 26px;
  padding: 19px 0 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  border-top: 0;
  color: var(--guest-muted);
  font-size: 11.5px;
}

body[data-scope="app"][data-page="login"]:not([data-auth]) .access-help {
  margin-top: 20px;
  padding-top: 0;
}

body[data-scope="app"][data-page="register"]:not([data-auth]) .kyc-form {
  width: 100%;
  max-width: 960px;
  margin-inline: auto;
  overflow: hidden;
  border: 0 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body[data-scope="app"][data-page="download"]:not([data-auth]) .page-content > .container {
  width: min(1120px, calc(100% - 40px)) !important;
}

body[data-scope="app"][data-page="download"]:not([data-auth]) .m-split {
  display: grid;
  min-width: 0;
  margin-top: 22px !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
  align-items: stretch;
  gap: 16px;
}

body[data-scope="app"][data-page="download"]:not([data-auth]) .m-text,
body[data-scope="app"][data-page="download"]:not([data-auth]) .m-media {
  min-width: 0;
  padding: 24px;
  border: 0;
  border-radius: 10px;
  background: #fff;
}

body[data-scope="app"][data-page="download"]:not([data-auth]) .marketing-note { margin: 0 !important; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .mn-title { color: var(--guest-navy); font-size: 19px; line-height: 1.3; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .mn-text { max-width: 660px; margin-top: 8px; color: var(--guest-muted); font-size: 12.5px; line-height: 1.6; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .mn-actions { display: flex; margin-top: 20px; flex-wrap: wrap; gap: 8px; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .list-bullets { display: grid; margin: 21px 0 0 !important; padding: 0; gap: 11px; list-style: none; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .list-bullets li { position: relative; padding-left: 23px; color: var(--guest-muted); font-size: 11.5px; line-height: 1.55; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .list-bullets li::before { content: ""; position: absolute; top: .58em; left: 3px; width: 6px; height: 6px; border: 1.5px solid #277d70; border-radius: 50%; }
body[data-scope="app"][data-page="download"]:not([data-auth]) strong { color: var(--guest-ink); font-weight: 400; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .download-version,
body[data-scope="app"][data-page="download"]:not([data-auth]) .download-point-title { color: var(--guest-ink); font-weight: 400; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .m-media { display: grid; place-items: center; overflow: hidden; background: #eaf1f5; }
body[data-scope="app"][data-page="download"]:not([data-auth]) .marketing-photo { display: block; width: min(100%, 420px); max-height: 420px; object-fit: contain; }

@media (max-width: 820px) {
  body[data-scope="app"][data-page="download"]:not([data-auth]) .m-split { grid-template-columns: 1fr; }
  body[data-scope="app"][data-page="download"]:not([data-auth]) .m-media { min-height: 260px; }
}

@media (max-width: 620px) {
  body[data-scope="app"][data-page="download"]:not([data-auth]) .page-content > .container { width: calc(100% - 20px) !important; }
  body[data-scope="app"][data-page="download"]:not([data-auth]) .m-text,
  body[data-scope="app"][data-page="download"]:not([data-auth]) .m-media { padding: 16px; border-radius: 8px; }
  body[data-scope="app"][data-page="download"]:not([data-auth]) .mn-actions .btn { width: 100% !important; }
}

body[data-scope="app"]:not([data-auth]) .access-help__signup {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

body[data-scope="app"]:not([data-auth]) .access-help__signup a { display: inline-flex; align-items: center; gap: 5px; color: var(--guest-navy) !important; text-decoration: none !important; }
body[data-scope="app"]:not([data-auth]) .access-help__signup a:hover { color: var(--guest-accent) !important; }
body[data-scope="app"]:not([data-auth]) .access-help__signup svg { width: 14px; height: 14px; stroke-width: 1.55; transition: transform 150ms ease; }
body[data-scope="app"]:not([data-auth]) .access-help__signup a:hover svg { transform: translateX(2px); }
body[data-scope="app"]:not([data-auth]) .access-help__secondary { color: var(--guest-navy) !important; font-size: 11px; white-space: nowrap; }

/* Registration/KYC and public legal/status screens. */
body[data-scope="app"]:not([data-auth]) .page-head,
body[data-scope="app"]:not([data-auth]) .page-titlebar,
body[data-scope="app"]:not([data-auth]) .page-subhead { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
body[data-scope="app"]:not([data-auth]) .page-head,
body[data-scope="app"]:not([data-auth]) .page-titlebar { margin: 0; }
body[data-scope="app"]:not([data-auth]) .page-head .ui-title,
body[data-scope="app"]:not([data-auth]) .page-titlebar .ui-title { margin: 0; color: var(--guest-navy) !important; font-size: clamp(28px, 2.5vw, 35px) !important; line-height: 1.1 !important; letter-spacing: -.04em !important; }
body[data-scope="app"]:not([data-auth]) .page-intro { max-width: 780px; margin: 14px 0 0; color: var(--guest-muted); font-size: 13.5px; line-height: 1.62; }
body[data-scope="app"]:not([data-auth]) .title-ico,
body[data-scope="app"]:not([data-auth]) .file-uploader-ico { display: inline-flex !important; width: 21px !important; height: 21px !important; padding: 0 !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 0 !important; color: var(--guest-accent) !important; background: transparent !important; box-shadow: none !important; }
body[data-scope="app"]:not([data-auth]) .title-ico svg,
body[data-scope="app"]:not([data-auth]) .file-uploader-ico svg { width: 20px !important; height: 20px !important; stroke-width: 1.5; }
body[data-scope="app"]:not([data-auth]) .kyc-form { width: 100%; margin-top: 22px; padding: clamp(22px, 3vw, 32px) !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
body[data-scope="app"]:not([data-auth]) .kyc-stepper-min { padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--guest-line) !important; background: transparent !important; }
body[data-scope="app"]:not([data-auth]) .kyc-step { padding: 14px 0 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
body[data-scope="app"]:not([data-auth]) .kyc-step .form-grid { margin-top: 10px !important; padding: 0 !important; }
body[data-scope="app"]:not([data-auth]) .kyc-step > .hint { margin-top: 12px !important; }
body[data-scope="app"]:not([data-auth]) .kyc-actions { margin-top: 18px !important; }
body[data-scope="app"]:not([data-auth]) .kyc-step-iconWrap { border: 0 !important; border-radius: 0 !important; color: #82929e !important; background: transparent !important; box-shadow: none !important; }
body[data-scope="app"]:not([data-auth]) .kyc-step-item.active .kyc-step-iconWrap,
body[data-scope="app"]:not([data-auth]) .kyc-step-item.completed .kyc-step-iconWrap { color: var(--guest-accent) !important; }
body[data-scope="app"]:not([data-auth]) .kyc-title { color: var(--guest-navy) !important; font-size: 20px !important; letter-spacing: -.02em; }
body[data-scope="app"][data-page="register"]:not([data-auth]) .page-head .ui-title,
body[data-scope="app"][data-page="kyc"]:not([data-auth]) .page-head .ui-title { font-size: clamp(24px,1.8vw,27px) !important; }
body[data-scope="app"][data-page="register"]:not([data-auth]) .kyc-title,
body[data-scope="app"][data-page="kyc"]:not([data-auth]) .kyc-title { font-size: 16px !important; }
body[data-scope="app"][data-page="register"]:not([data-auth]) .kyc-form .hint,
body[data-scope="app"][data-page="kyc"]:not([data-auth]) .kyc-form .hint { font-size: 11.5px !important; line-height: 1.5 !important; }
body[data-scope="app"]:not([data-auth]) .form-grid { gap: 16px !important; }
body[data-scope="app"]:not([data-auth]) .form-grid label { color: #4f6476; font-size: 11.5px; font-weight: 400 !important; }
body[data-scope="app"]:not([data-auth]) .upload-card,
body[data-scope="app"]:not([data-auth]) .file-uploader-ui { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
body[data-scope="app"]:not([data-auth]) .file-uploader-ui { border-top: 1px solid var(--guest-line) !important; border-bottom: 1px solid var(--guest-line) !important; }
body[data-scope="app"]:not([data-auth]) .alert,
body[data-scope="app"]:not([data-auth]) .sys-note { border-radius: 0 !important; box-shadow: none !important; font-weight: 400 !important; }
body[data-scope="app"]:not([data-auth]) .legal-card,
body[data-scope="app"]:not([data-auth]) .status-card,
body[data-scope="app"]:not([data-auth]) .maintenance-panel { border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }

body[data-scope="app"]:not([data-auth]) .main-footer { margin: 0 !important; border-top: 1px solid var(--guest-line) !important; background: #eef3f6 !important; }
body[data-scope="app"]:not([data-auth]) .main-footer .container { width: min(calc(100% - 64px), 1280px) !important; max-width: 1280px !important; margin-inline: auto !important; }
body[data-scope="app"]:not([data-auth]) .footer-top { padding: 38px 0 30px !important; }
body[data-scope="app"]:not([data-auth]) .footer-inner { grid-template-columns: minmax(260px, 1.25fr) repeat(3, minmax(140px, .65fr)); gap: 38px !important; }
body[data-scope="app"]:not([data-auth]) .footer-bankname,
body[data-scope="app"]:not([data-auth]) .footer-acc__summary { color: var(--guest-navy) !important; font-weight: 400 !important; }
body[data-scope="app"]:not([data-auth]) .footer-tagline,
body[data-scope="app"]:not([data-auth]) .footer-desc,
body[data-scope="app"]:not([data-auth]) .footer-item,
body[data-scope="app"]:not([data-auth]) .footer-links a,
body[data-scope="app"]:not([data-auth]) .footer-legal { color: #71818f !important; font-size: 10.5px !important; font-weight: 400 !important; line-height: 1.55; }
body[data-scope="app"]:not([data-auth]) .footer-ico,
body[data-scope="app"]:not([data-auth]) .footer-msg { color: var(--guest-accent) !important; background: transparent !important; }
body[data-scope="app"]:not([data-auth]) .footer-bottom-inner { min-height: 46px !important; }

@media (max-width: 1100px) {
  body[data-scope="app"]:not([data-auth]) .site-header .header-inner { grid-template-columns: 165px minmax(0, 1fr) auto; gap: 16px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav { gap: 14px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-link { font-size: 12px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-ico { display: none !important; }
}

@media (max-width: 980px) {
  body[data-scope="app"]:not([data-auth]) .container,
  body[data-scope="app"]:not([data-auth]) .main-footer .container { width: min(calc(100% - 40px), 760px) !important; }
  body[data-scope="app"]:not([data-auth]) main.page-content { padding: 96px 0 50px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header { min-height: 68px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .header-inner { display: grid !important; grid-template-columns: 42px minmax(0, 1fr) auto; width: calc(100% - 40px) !important; height: 68px !important; min-height: 68px !important; gap: 10px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-toggle { display: inline-flex !important; position: relative; z-index: 1103; width: 42px; height: 42px; min-height: 42px; padding: 0 !important; align-items: center; justify-content: center; border: 0 !important; background: transparent !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .logo { min-height: 42px !important; font-size: 20px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .logo::after { display: none !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav { position: fixed !important; inset: 0 auto 0 0 !important; z-index: 1102; display: flex !important; width: min(86vw, 330px) !important; height: 100dvh; padding: 86px 20px 26px !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start; gap: 0 !important; overflow-y: auto !important; border: 0 !important; border-right: 1px solid var(--guest-line) !important; background: #fff !important; box-shadow: 18px 0 54px rgba(7, 27, 49, .16) !important; transform: translateX(-106%) !important; transition: transform 220ms ease !important; }
  html.nav-open body[data-scope="app"]:not([data-auth]) .site-header .nav { transform: translateX(0) !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-link { display: flex !important; width: 100% !important; min-height: 52px !important; padding: 0 4px !important; justify-content: flex-start !important; gap: 10px !important; border-bottom: 1px solid #edf1f4 !important; font-size: 14px !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-ico { display: inline-flex !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-link::after { display: none !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-lang { width: 100% !important; height: auto; margin: auto 0 0 !important; padding: 18px 0 0 !important; border: 0; }
  body[data-scope="app"]:not([data-auth]) .site-header .nav-lang .lang-dropdown { position: static; width: 100%; margin-top: 5px; }
  body[data-scope="app"]:not([data-auth]) .site-header .header-actions { height: 42px; }
  body[data-scope="app"]:not([data-auth]) .site-header .header-actions .header-cta { display: none !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .header-actions .btn.ghost .ico-wrap { display: none !important; }
  body[data-scope="app"]:not([data-auth]) .access-shell { grid-template-columns: 1fr; }
  body[data-scope="app"]:not([data-auth]) .access-intro { min-height: 430px; }
  body[data-scope="app"]:not([data-auth]) .access-form-wrap { min-height: 540px; }
  body[data-scope="app"]:not([data-auth]) .page-head,
  body[data-scope="app"]:not([data-auth]) .page-titlebar,
  body[data-scope="app"]:not([data-auth]) .page-subhead { flex-direction: column; }
  body[data-scope="app"]:not([data-auth]) .footer-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-scope="app"]:not([data-auth]) .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  body[data-scope="app"]:not([data-auth]) .container,
  body[data-scope="app"]:not([data-auth]) .main-footer .container { width: calc(100% - 28px) !important; }
  body[data-scope="app"]:not([data-auth]) .site-header .header-inner { width: calc(100% - 28px) !important; }
  body[data-scope="app"]:not([data-auth]) main.page-content { padding: 68px 0 30px !important; }
  body[data-scope="app"]:not([data-auth]) .access-shell { min-height: 0; }
  body[data-scope="app"]:not([data-auth]) .access-intro { min-height: 0; padding: 28px 22px 26px; }
  body[data-scope="app"]:not([data-auth]) .access-intro h1 { font-size: 29px !important; line-height: 1.1 !important; }
  body[data-scope="app"]:not([data-auth]) .access-intro > p { margin-top: 13px; font-size: 12.5px; line-height: 1.5; }
  body[data-scope="app"]:not([data-auth]) .access-intro .biz-eyebrow { margin-bottom: 9px; }
  body[data-scope="app"]:not([data-auth]) .access-assurance { margin-top: 17px; flex-direction: row; gap: 8px 16px; }
  body[data-scope="app"]:not([data-auth]) .access-assurance > span { font-size: 10.5px; }
  body[data-scope="app"]:not([data-auth]) .access-form-wrap { min-height: 0; padding: 30px 22px 34px; }
  body[data-scope="app"]:not([data-auth]) .access-form-head h2 { font-size: 27px !important; }
  body[data-scope="app"]:not([data-auth]) .access-form-head p { font-size: 12px; line-height: 1.5; }
  body[data-scope="app"]:not([data-auth]) .access-form { margin-top: 20px; gap: 14px; }
  body[data-scope="app"]:not([data-auth]) .access-help { align-items: flex-start; flex-direction: column; gap: 9px; }
  body[data-scope="app"]:not([data-auth]) .page-head .ui-title,
  body[data-scope="app"]:not([data-auth]) .page-titlebar .ui-title { font-size: 23px !important; }
  body[data-scope="app"]:not([data-auth]) .form-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 15px !important; }
  body[data-scope="app"]:not([data-auth]) .input,
  body[data-scope="app"]:not([data-auth]) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body[data-scope="app"]:not([data-auth]) select,
  body[data-scope="app"]:not([data-auth]) textarea { min-width: 0; max-width: 100%; }
  body[data-scope="app"]:not([data-auth]) .kyc-form { margin-right: -2px; margin-left: -2px; padding: 18px 14px !important; }
  body[data-scope="app"]:not([data-auth]) .upload-grid { grid-template-columns: 1fr; }
  body[data-scope="app"]:not([data-auth]) .footer-inner { grid-template-columns: 1fr; gap: 0 !important; }
  body[data-scope="app"]:not([data-auth]) .footer-brand { grid-column: auto; padding-bottom: 20px; }
  body[data-scope="app"]:not([data-auth]) .footer-acc { padding: 11px 0; border-top: 1px solid rgba(7, 27, 49, .08); }
}

@media (prefers-reduced-motion: reduce) {
  body[data-scope="app"]:not([data-auth]) *,
  body[data-scope="app"]:not([data-auth]) *::before,
  body[data-scope="app"]:not([data-auth]) *::after { transition-duration: .01ms !important; }
}