@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('fonts/manrope-latin.woff2') format('woff2'); }
/* Authentication pages adapted from the supplied standalone designs. */

.m2b-auth-page *, .m2b-auth-page *::before, .m2b-auth-page *::after {  box-sizing: border-box; }
.m2b-auth-page, .m2b-auth-page {  margin: 0; }
.m2b-auth-page {  font-family: 'Manrope', system-ui, sans-serif; font-weight: 500; color: #0d253d; background: #f5f7fb; -webkit-font-smoothing: antialiased; }
.m2b-auth-page a {  color: #533afd; text-decoration: none; }
.m2b-auth-page a:hover {  text-decoration: underline; text-underline-offset: 3px; }
.m2b-auth-page h1, .m2b-auth-page p {  margin: 0; }
.m2b-auth-page .lg {  min-height: 100vh; display: flex; flex-direction: column; padding: 0 24px; }
.m2b-auth-page .lg-main {  flex: 1; display: flex; align-items: center; justify-content: center; padding: 56px 0; }
.m2b-auth-page .lg-box {  width: 100%; max-width: 460px; padding: 36px 44px 32px; background: #fff; border: 1px solid #e6e9ef; border-radius: 22px; box-shadow: 0 1px 2px rgba(13, 37, 61, 0.03), 0 12px 32px rgba(13, 37, 61, 0.04); }
.m2b-auth-page .lg-logo {  display: inline-block; }
.m2b-auth-page .lg-logo img {  height: 18px; width: auto; display: block; }
.m2b-auth-page .lg-h1 {  margin-top: 20px; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.3px; }
.m2b-auth-page .lg-sub {  margin-top: 6px; font-size: 15px; line-height: 23px; color: #3a3c66; }
.m2b-auth-page .lg-form {  margin-top: 24px; display: grid; gap: 16px; }
.m2b-auth-page .lg-field {  display: grid; gap: 6px; }
.m2b-auth-page .lg-field label {  font-size: 14px; font-weight: 600; }
.m2b-auth-page .lg-field input {  width: 100%; height: 52px; padding: 0 16px; border: 1px solid #d6dbe6; border-radius: 10px; background: #fff; color: #0d253d; font: inherit; font-size: 16px; font-weight: 500; transition: border-color 120ms ease, box-shadow 120ms ease; }
.m2b-auth-page .lg-field input:focus {  outline: none; border-color: #533afd; box-shadow: 0 0 0 3px rgba(83, 58, 253, 0.12); }
.m2b-auth-page .lg-field input[aria-invalid="true"] {  border-color: #d6345a; }
.m2b-auth-page .lg-pw {  position: relative; }
.m2b-auth-page .lg-pw input {  padding-right: 48px; }
.m2b-auth-page .lg-pw button {  position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: #6b7389; cursor: pointer; }
.m2b-auth-page .lg-pw button:hover {  color: #0d253d; }
.m2b-auth-page .lg-pw button:focus-visible {  outline: 2px solid #533afd; outline-offset: -2px; }
.m2b-auth-page .lg-pw .off {  display: none; }
.m2b-auth-page .lg-pw button[aria-pressed="true"] .on {  display: none; }
.m2b-auth-page .lg-pw button[aria-pressed="true"] .off {  display: block; }
.m2b-auth-page .lg-forgot {  margin-top: -8px; justify-self: end; font-size: 13px; font-weight: 500; color: #533afd; text-decoration: none; transition: color 120ms ease; }
.m2b-auth-page .lg-forgot:hover {  color: #3d26d9; text-decoration: underline; text-underline-offset: 3px; }
.m2b-auth-page .lg-err {  font-size: 14px; font-weight: 600; color: #c22a4f; }
.m2b-auth-page .lg-btn {  position: relative; isolation: isolate; overflow: hidden; margin-top: 6px; width: 100%; height: 48px; border: 0; border-radius: 9999px; background: #533afd; color: #fff; font: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.m2b-auth-page .lg-btn::after {  content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(0, 0, 0, 0); transition: background-color 120ms ease; }
.m2b-auth-page .lg-btn:hover::after {  background: rgba(0, 0, 0, 0.14); }
.m2b-auth-page .lg-btn:active::after {  background: rgba(0, 0, 0, 0.2); }
.m2b-auth-page .lg-btn:focus-visible {  outline: 2px solid #533afd; outline-offset: 3px; }
.m2b-auth-page .lg-alt {  margin-top: 18px; font-size: 14px; color: #4a5068; }
.m2b-auth-page .lg-alt {  text-align: center; text-wrap: balance; }
.m2b-auth-page .lg-alt a {  font-weight: 600; color: #533afd; text-decoration: none; }
.m2b-auth-page .lg-alt a:hover {  color: #3d26d9; text-decoration: underline; text-underline-offset: 3px; }
.m2b-auth-page .lg-foot {  padding: 24px 0 28px; display: flex; justify-content: center; gap: 10px; font-size: 13px; color: #8a92a6; }
.m2b-auth-page .lg-foot a {  color: #6b7389; }
.m2b-auth-page .lg-foot a:hover {  color: #0d253d; }
@media (max-width: 600px) {

.m2b-auth-page .lg {  padding: 0 16px; }
.m2b-auth-page .lg-main {  align-items: flex-start; padding-top: 32px; }
.m2b-auth-page .lg-box {  padding: 28px 24px 26px; border-radius: 20px; }
.m2b-auth-page .lg-h1 {  margin-top: 18px; }
.m2b-auth-page .lg-h1 {  margin-top: 28px; font-size: 21px; }
}


.m2b-auth-page *, .m2b-auth-page *::before, .m2b-auth-page *::after {  box-sizing: border-box; }
.m2b-auth-page {  --ink: #0d253d; --ink-2: #3a3c66; --muted: #5b6478; --primary: #533afd; --soft: #f5f7fb; --line: #e3e8ee; --lav: #f3f0ff; }
.m2b-auth-page, .m2b-auth-page {  margin: 0; }
.m2b-auth-page {  font-family: 'Manrope', system-ui, sans-serif; font-weight: 500; color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; }
.m2b-auth-page a {  color: var(--primary); text-decoration: none; font-weight: 600; }
.m2b-auth-page a:hover {  text-decoration: underline; text-underline-offset: 3px; }
.m2b-auth-page h1, .m2b-auth-page h2, .m2b-auth-page h3, .m2b-auth-page p {  margin: 0; }
.m2b-auth-page button, .m2b-auth-page input, .m2b-auth-page select {  font: inherit; }
.m2b-auth-page .su {  display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); min-height: 100vh; }
.m2b-auth-page .su-main {  display: flex; flex-direction: column; padding: 32px clamp(24px, 6vw, 96px) 48px; }
.m2b-auth-page .su-top {  display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.m2b-auth-page .su-top img {  height: 26px; width: auto; display: block; }
.m2b-auth-page .su-top p {  font-size: 15px; color: var(--ink-2); }
.m2b-auth-page .su-body {  flex: 1; width: 100%; max-width: 520px; margin: 0 auto; padding-top: clamp(40px, 7vh, 80px); }
.m2b-auth-page .su-steps {  display: flex; align-items: center; gap: 12px; margin: 0 0 40px; padding: 0; list-style: none; }
.m2b-auth-page .su-steps li + li::before {  content: ''; width: 28px; height: 1px; background: #d3d8e4; margin-right: 2px; }
.m2b-auth-page .su-steps li.is-done + li::before {  background: var(--ink); }
.m2b-auth-page .su-steps li {  display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; line-height: 1; }
.m2b-auth-page .su-steps li span {  display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #d3d8e4; font-size: 13px; font-weight: 700; }
.m2b-auth-page .su-steps li.is-active {  color: var(--primary); }
.m2b-auth-page .su-steps li.is-active span {  border-color: var(--primary); background: var(--primary); color: #fff; }
.m2b-auth-page .su-steps li {  color: #9aa1b2; }
.m2b-auth-page .su-steps li.is-done {  color: var(--ink); }
.m2b-auth-page .su-steps li.is-done span {  border-color: var(--ink); background: var(--ink); color: transparent; position: relative; }
.m2b-auth-page .su-steps li.is-done span::after {  content: ''; position: absolute; width: 9px; height: 5px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
.m2b-auth-page .su-h1 {  font-size: clamp(30px, 3.4vw, 40px); line-height: 1.12; font-weight: 700; letter-spacing: -0.8px; text-wrap: balance; }
.m2b-auth-page .su-sub {  margin-top: 14px; font-size: 17px; line-height: 27px; color: var(--ink-2); max-width: 30em; }
.m2b-auth-page .su-form {  margin-top: 32px; display: grid; gap: 16px; }
.m2b-auth-page .su-row {  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.m2b-auth-page .su-form--s2 {  gap: 14px; }
.m2b-auth-page .su-row--plz {  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.m2b-auth-page .su-field {  display: grid; gap: 7px; }
.m2b-auth-page .su-field label {  font-size: 14px; font-weight: 600; color: var(--ink); }
.m2b-auth-page .su-field label small {  font-weight: 500; color: var(--muted); font-size: 13px; }
.m2b-auth-page .su-field input, .m2b-auth-page .su-field select {  width: 100%; height: 52px; padding: 0 16px; border: 1px solid #d6dbe6; border-radius: 10px; background: #fff; color: var(--ink); font-size: 16px; font-weight: 500; transition: border-color 120ms ease, box-shadow 120ms ease; }
.m2b-auth-page .su-field select {  appearance: none; background-image: linear-gradient(45deg, transparent 50%, #5b6478 50%), linear-gradient(135deg, #5b6478 50%, transparent 50%); background-position: calc(100% - 22px) 23px, calc(100% - 17px) 23px; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.m2b-auth-page .su-field input:focus, .m2b-auth-page .su-field select:focus {  outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(83, 58, 253, 0.12); }
.m2b-auth-page .su-field input[aria-invalid="true"] {  border-color: #d6345a; }
.m2b-auth-page .su-hint {  font-size: 13px; color: var(--muted); }
.m2b-auth-page .su-err {  font-size: 13px; font-weight: 600; color: #c22a4f; }
.m2b-auth-page .su-unit {  position: relative; }
.m2b-auth-page .su-unit input {  padding-right: 52px; }
.m2b-auth-page .su-unit span {  position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 15px; font-weight: 600; color: var(--muted); pointer-events: none; }
.m2b-auth-page .su-pw {  position: relative; }
.m2b-auth-page .su-pw input {  padding-right: 96px; }
.m2b-auth-page .su-pw button {  position: absolute; right: 8px; top: 50%; transform: translateY(-50%); height: 36px; padding: 0 12px; border: 0; background: transparent; color: var(--primary); font-size: 14px; font-weight: 600; cursor: pointer; border-radius: 8px; }
.m2b-auth-page .su-check {  display: flex; gap: 12px; align-items: flex-start; font-size: 14px; line-height: 22px; color: var(--ink-2); cursor: pointer; }
.m2b-auth-page .su-check input {  flex: none; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--primary); cursor: pointer; }
.m2b-auth-page .btn {  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 28px; border: 0; border-radius: 9999px; font-size: 16px; font-weight: 600; cursor: pointer; text-decoration: none !important; overflow: hidden; isolation: isolate; }
.m2b-auth-page .btn::after {  content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); transition: background-color 120ms ease; z-index: -1; }
.m2b-auth-page .btn:hover::after {  background: rgba(0, 0, 0, 0.14); }
.m2b-auth-page .btn:active::after {  background: rgba(0, 0, 0, 0.22); }
.m2b-auth-page .btn--primary {  background: var(--primary); color: #fff; }
.m2b-auth-page .btn--navy {  background: var(--ink); color: #fff; }
.m2b-auth-page .btn--ghost {  background: transparent; color: var(--ink); padding: 0 8px; min-height: 44px; }
.m2b-auth-page .btn--ghost::after {  display: none; }
.m2b-auth-page .btn--ghost:hover {  color: var(--primary); }
.m2b-auth-page .su-actions--split .btn--ghost {  font-weight: 600; font-size: 15px; color: var(--ink-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: #c9cfdb; }
.m2b-auth-page .su-actions--split .btn--ghost:hover {  color: var(--primary); text-decoration-color: currentColor; }
.m2b-auth-page .btn--block {  width: 100%; }
.m2b-auth-page .su-actions {  margin-top: 6px; display: grid; gap: 16px; }
.m2b-auth-page .su-actions--split {  grid-template-columns: auto minmax(0, 1fr); align-items: center; }
.m2b-auth-page .su-alt {  font-size: 15px; color: var(--ink-2); text-align: center; }
.m2b-auth-page .su-tarif {  margin-top: 4px; padding: 22px 24px; border-radius: 14px; background: var(--soft); display: grid; gap: 4px; }
.m2b-auth-page .su-tarif-k {  font-size: 13px; font-weight: 600; color: var(--ink-2); }
.m2b-auth-page .su-tarif-line {  display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.m2b-auth-page .su-tarif-name {  font-size: 22px; font-weight: 700; color: var(--ink); }
.m2b-auth-page .su-tarif-price {  font-size: 22px; font-weight: 700; color: var(--primary); font-variant-numeric: tabular-nums; }
.m2b-auth-page .su-tarif-price small {  font-size: 14px; font-weight: 500; color: var(--ink-2); }
.m2b-auth-page .su-tarif-meta {  font-size: 14px; color: var(--ink-2); }
.m2b-auth-page .su-ent {  margin-top: 4px; padding: 28px; border-radius: 14px; background: var(--ink); color: #fff; display: grid; gap: 10px; }
.m2b-auth-page .su-ent h2 {  font-size: 22px; line-height: 1.3; font-weight: 700; }
.m2b-auth-page .su-ent p {  font-size: 15px; line-height: 24px; color: rgba(255, 255, 255, 0.86); }
.m2b-auth-page .su-ent .btn {  margin-top: 10px; justify-self: start; }
.m2b-auth-page .su-zero {  margin-top: 18px; display: flex; align-items: center; gap: 12px; padding: 14px 0 14px 18px; border-left: 0; border-radius: 0; background: none; }
.m2b-auth-page .su-zero::before {  content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--primary); box-shadow: 0 0 0 5px rgba(83, 58, 253, 0.12); }
.m2b-auth-page .su-zero {  padding-left: 2px; }
.m2b-auth-page .su-zero b {  font-size: 20px; font-weight: 700; color: var(--ink); }
.m2b-auth-page .su-pay {  margin-top: 32px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.m2b-auth-page .su-pay-head {  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; background: var(--soft); font-size: 13px; font-weight: 600; color: var(--ink-2); }
.m2b-auth-page .su-pay-head span:last-child {  display: inline-flex; align-items: center; gap: 6px; }
.m2b-auth-page .su-pay-head .su-secure svg {  display: block; }
.m2b-auth-page .su-pay-head i {  display: inline-block; width: 10px; height: 12px; border: 1.5px solid currentColor; border-radius: 2px; position: relative; top: 1px; }
.m2b-auth-page .su-pay-tabs {  display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 20px 20px 0; }
.m2b-auth-page .su-pay-tabs button {  min-height: 48px; border: 1px solid #d6dbe6; border-radius: 10px; background: #fff; font-size: 15px; font-weight: 600; color: var(--ink); cursor: pointer; transition: border-color 120ms ease, background-color 120ms ease; }
.m2b-auth-page .su-pay-tabs button[aria-pressed="true"] {  border-color: var(--primary); background: var(--lav); color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); }
.m2b-auth-page .su-pay-body {  padding: 20px; display: grid; gap: 16px; }
.m2b-auth-page .su-sum-h {  margin-top: 32px; font-size: 18px; line-height: 1.3; font-weight: 700; color: var(--ink); }
.m2b-auth-page .su-sum {  margin-top: 12px; display: grid; border-top: 1px solid var(--line); }
.m2b-auth-page .su-sum div {  display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); font-size: 15px; color: var(--ink-2); }
.m2b-auth-page .su-sum b {  font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; text-align: right; }
.m2b-auth-page .su-sum .is-today span {  color: var(--ink); font-weight: 600; }
.m2b-auth-page .su-sum .is-today b {  color: var(--primary); font-size: 18px; }
.m2b-auth-page .su-mandat {  padding-top: 12px; border-top: 1px solid var(--line); }
.m2b-auth-page .su-hint + .su-mandat {  margin-top: -4px; }
.m2b-auth-page .su-legal {  font-size: 13px; line-height: 20px; color: var(--muted); }
.m2b-auth-page .su-done {  text-align: left; padding-top: 24px; }
.m2b-auth-page .su-done-mark {  width: 56px; height: 56px; border-radius: 50%; background: var(--lav); display: grid; place-items: center; margin-bottom: 28px; }
.m2b-auth-page .su-done-mark span {  width: 20px; height: 11px; border-left: 3px solid var(--primary); border-bottom: 3px solid var(--primary); transform: rotate(-45deg) translate(2px, -2px); }
.m2b-auth-page .su-done .btn {  margin-top: 32px; }
.m2b-auth-page .su-done .su-hint {  margin-top: 20px; font-size: 14px; }
.m2b-auth-page .su-aside {  position: relative; background: var(--soft); padding: clamp(40px, 5vw, 72px); display: flex; flex-direction: column; justify-content: center; gap: 44px; overflow: hidden; }
.m2b-auth-page .su-aside::before {  content: ''; position: absolute; width: 520px; height: 520px; right: -180px; top: -200px; border-radius: 50%; background: radial-gradient(circle, rgba(83, 58, 253, 0.10), rgba(83, 58, 253, 0) 70%); pointer-events: none; }
.m2b-auth-page .su-visual {  position: relative; width: 100%; max-width: 460px; aspect-ratio: 16 / 11; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 60px rgba(13, 37, 61, 0.14); }
.m2b-auth-page .su-visual img {  width: 100%; height: 100%; object-fit: cover; display: block; }
.m2b-auth-page .su-ben {  position: relative; margin: 0; padding: 0; list-style: none; display: grid; gap: 26px; max-width: 420px; }
.m2b-auth-page .su-ben li {  display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; }
.m2b-auth-page .su-ben li > span {  width: 24px; height: 24px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 1px 3px rgba(0, 55, 112, 0.10); margin-top: 1px; }
.m2b-auth-page .su-ben li > span::after {  content: ''; width: 9px; height: 5px; border-left: 2px solid var(--primary); border-bottom: 2px solid var(--primary); transform: rotate(-45deg) translate(1px, -1px); }
.m2b-auth-page .su-ben b {  display: block; font-size: 17px; font-weight: 700; color: var(--ink); }
.m2b-auth-page .su-ben p {  margin-top: 3px; font-size: 15px; line-height: 23px; color: var(--ink-2); }
.m2b-auth-page [hidden] {  display: none !important; }
@media (max-width: 960px) {

.m2b-auth-page .su {  grid-template-columns: minmax(0, 1fr); }
.m2b-auth-page .su-aside {  padding: 40px 24px 56px; gap: 28px; }
.m2b-auth-page .su-visual {  display: none; }
}
@media (max-width: 560px) {

.m2b-auth-page .su-main {  padding: 20px 20px 40px; }
.m2b-auth-page .su-top p .su-top-txt {  display: none; }
.m2b-auth-page .su-steps {  gap: 8px; margin-bottom: 28px; }
.m2b-auth-page .su-steps li + li::before {  width: 14px; }
.m2b-auth-page .su-steps li {  font-size: 13px; gap: 7px; }
.m2b-auth-page .su-row {  grid-template-columns: minmax(0, 1fr); }
.m2b-auth-page .su-row--plz {  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); }
.m2b-auth-page .su-actions--split {  grid-template-columns: minmax(0, 1fr); }
.m2b-auth-page .su-actions--split .btn--ghost {  order: 2; }
.m2b-auth-page .btn:not(.btn--ghost) {  width: 100%; }
}
.m2b-auth-page .su-body {  max-width: 600px; }
.m2b-auth-page .su-row--3 {  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.1fr) minmax(0, 1.1fr); }
.m2b-auth-page .su-form--one {  gap: 18px; }
.m2b-auth-page .su-group {  margin-top: 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; color: var(--muted); }
.m2b-auth-page .su-group:first-child {  margin-top: 0; }
/* Yii places hidden fields and the error summary before the first heading. */
.m2b-auth-page .su-form--one > .su-group:first-of-type { margin-top:0; }
.m2b-auth-page .su-field select:invalid {  color: var(--muted); }
.m2b-auth-page .su-field select[aria-invalid="true"] {  border-color: #d6345a; }
.m2b-auth-page .su-field .su-err {  margin-top: -1px; }
.m2b-auth-page .su-q {  font-size: 14px; font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.m2b-auth-page .su-radios {  margin: 0; padding: 0; border: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; }
.m2b-auth-page .su-radios legend {  padding: 0; }
.m2b-auth-page .su-radio {  display: flex; gap: 12px; align-items: center; min-height: 44px; font-size: 15px; color: var(--ink); cursor: pointer; }
.m2b-auth-page .su-radio input {  flex: none; width: 20px; height: 20px; margin: 0; accent-color: var(--primary); cursor: pointer; }
.m2b-auth-page .su-req {  font-size: 13px; color: var(--muted); }
.m2b-auth-page .su-legal a {  font-weight: 600; }
.m2b-auth-page .su-aside {  justify-content: flex-start; overflow: clip; }
.m2b-auth-page .su-aside-in {  position: sticky; top: clamp(40px, 8vh, 96px); display: flex; flex-direction: column; gap: 44px; padding-top: clamp(24px, 6vh, 72px); }
@media (max-width: 960px) {

.m2b-auth-page .su-visual {  display: block; }
.m2b-auth-page .su-aside-in {  position: static; padding-top: 0; gap: 28px; } }
@media (max-width: 560px) {

.m2b-auth-page .su-row--3, .m2b-auth-page .su-radios {  grid-template-columns: minmax(0, 1fr); } }
.m2b-auth-page .su-sec {  position: relative; max-width: 420px; padding-top: 32px; border-top: 1px solid #e1e6ef; display: grid; gap: 8px; }
.m2b-auth-page .su-sec b {  font-size: 15px; font-weight: 700; color: var(--ink); }
.m2b-auth-page .su-sec p {  font-size: 13px; line-height: 21px; color: var(--ink-2); }
.m2b-auth-page .su-sec a {  font-size: 13px; }
.m2b-auth-page .su-sec-logo {  margin-top: 12px; width: 112px; height: auto; display: block; mix-blend-mode: multiply; }
.m2b-auth-page .su-tail {  margin-top: 14px; display: block; }
.m2b-auth-page .su-tail .su-radios {  column-gap: 24px; row-gap: 14px; }
.m2b-auth-page .su-tail .su-radios legend {  margin-bottom: 18px; }
.m2b-auth-page .su-tail .su-radio {  min-height: 28px; line-height: 22px; align-items: center; }
.m2b-auth-page .su-tail .su-radios > .su-err {  grid-column: 1 / -1; }
.m2b-auth-page .su-dsblock {  margin-top: 32px; }
.m2b-auth-page .su-dsblock .su-q {  margin-bottom: 14px; }
.m2b-auth-page .su-dsblock .su-err {  margin-top: 8px; }
.m2b-auth-page .su-tail .su-req {  margin-top: 16px; }
.m2b-auth-page .su-tail .su-legal {  margin-top: 20px; max-width: 46ch; }
.m2b-auth-page .su-tail .su-actions {  margin-top: 28px; }
@media (max-width: 560px) {

.m2b-auth-page .su-tail .su-radios {  row-gap: 4px; }
.m2b-auth-page .su-tail .su-radio {  min-height: 44px; } }


.m2b-auth-page { margin:0; font-family:Manrope,system-ui,sans-serif; font-size:15px; line-height:1.5; color:#0d253d; background:#f5f7fb; }
.m2b-auth-page h1,.m2b-auth-page h2 { font-family:inherit; color:#0d253d; text-shadow:none; }
.m2b-auth-page label { margin:0; cursor:pointer; }
.m2b-auth-page input,.m2b-auth-page select { margin:0; box-shadow:none; }
.m2b-auth-page .su { background:#fff; }
.m2b-auth-page .su-field .controls { min-width:0; }
.m2b-auth-page .su-field .controls>input,.m2b-auth-page .su-field .controls>select { display:block; }
.m2b-auth-page .help-block,.m2b-auth-page .lg-err { margin:0; color:#c22a4f; font-size:13px; }
.m2b-auth-page .error input,.m2b-auth-page .error select { border-color:#d6345a; }
.m2b-auth-page .alert { margin:16px 0; padding:12px 16px; border-radius:10px; text-shadow:none; }
.m2b-auth-page .alert ul { margin:0 0 0 18px; }
.m2b-auth-page .su-radios legend { border:0; font-size:14px; line-height:22px; width:100%; grid-column:1/-1; }
.m2b-auth-page .su-radio input,.m2b-auth-page .su-check input { position:static; float:none; }
.m2b-auth-page .su-radios .help-block { grid-column:1/-1; }
.m2b-auth-page .su-sec h5 { font-size:15px; margin:0; }
.m2b-auth-page .su-sec p { margin:0; }
.m2b-auth-page .su-sec .text-center { text-align:left; }
.m2b-auth-page .su-sec img { width:112px; height:auto; margin-top:12px; }
.m2b-auth-page .su-pw button:focus-visible { outline:2px solid #533afd; }
/* The form already adds an 18px gap: match the reference's 20px/28px spacing. */
.m2b-auth-page .su-form > .su-legal { max-width:46ch; margin:2px 0 10px; }
.m2b-auth-page .lg-box>.alert { margin-bottom:0; }
.m2b-auth-page .lg-back { text-align:center; margin-top:14px; }
.m2b-auth-page .auth-language { position:absolute; top:12px; right:24px; z-index:1; font-size:13px; }

.m2b-auth-page .su-row--full { grid-template-columns:minmax(0,1fr); }
.m2b-auth-page .su-row>[class*="span"] { width:auto; margin:0; float:none; min-width:0; }
.m2b-auth-page .su-form>.controls,.m2b-auth-page .su-form>.alert { margin:0; }
.m2b-auth-page .su-form .note { font-size:13px; line-height:20px; color:#5b6478; }
.m2b-auth-page .su-form label.required span { color:inherit; }
.m2b-auth-page .su-radios { margin-top:10px; }
.m2b-auth-page .su-radios:before,.m2b-auth-page .su-radios:after { content:none; }
.m2b-auth-page .su-check { margin-top:4px; font-weight:500; }

.m2b-auth-page .auth-languages { padding:12px 24px; text-align:center; font-size:13px; background:#f5f7fb; }

.m2b-auth-page .alert-error { background:#fff0f3; border:1px solid #f3cad4; color:#c22a4f; }
.m2b-auth-page .alert-error li,.m2b-auth-page .alert-error p { color:inherit; }
.m2b-auth-page .lg { min-height:calc(100vh - 46px); }
.m2b-auth-page .su-sec img { mix-blend-mode:multiply; }

/* Keep the privacy sentence and its link in one flow beside the checkbox. */
.m2b-auth-page .su-check > span { min-width:0; }

/* Choice captions have normal emphasis; field headings remain semibold. */
.m2b-auth-page .su-field label.su-radio {
    font-size:15px;
    font-weight:500;
    color:var(--ink);
}
.m2b-auth-page .su-field label.su-check {
    font-weight:500;
    color:var(--ink-2);
}

/* Separate playback preferences and privacy consent from the preceding blocks. */
.m2b-auth-page .su-form--one > .su-row--preferences { margin-top:14px; }

/* Compact playback choices as in the reference; retain mobile tap targets. */
.m2b-auth-page .su-form .su-radios { row-gap:14px; }
.m2b-auth-page .su-form .su-radio { min-height:28px; line-height:22px; }
@media (max-width:560px) {
    .m2b-auth-page .su-form .su-radios { row-gap:4px; }
    .m2b-auth-page .su-form .su-radio { min-height:44px; }
}

/* Remove this rule to show the registration error summary again.
   Keep the summary registered with CActiveForm; inline field errors remain visible. */
.m2b-auth-page .su-error-summary { display:none !important; }