.layout-login .page-hero { background: linear-gradient(90deg, #f8fbfd 0 50%, #061522 50%); color: var(--mb-text); }
.layout-login .page-hero h1 { color: var(--mb-navy-950); max-width: 620px; }
.layout-login .diagnostic-flow { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.layout-login .diagnostic-flow > * { position: relative; padding: 25px; border-radius: 14px; background: white; border: 1px solid var(--mb-border); }
.layout-login .diagnostic-flow > *:not(:last-child)::after { content: "→"; position: absolute; right: -13px; top: 50%; z-index: 2; color: var(--mb-orange-600); font-weight: 900; }
.layout-register .page-hero { background: #fff; color: var(--mb-text); border-bottom: 1px solid var(--mb-border); }
.layout-register .page-hero h1 { color: var(--mb-navy-950); }
.layout-register .registration-timeline { max-width: 860px; margin: auto; counter-reset: stage; }
.layout-register .registration-timeline > * { position: relative; margin-left: 42px; padding: 0 0 44px 46px; border-left: 3px solid var(--mb-blue-600); }
.layout-register .registration-timeline > *::before { counter-increment: stage; content: counter(stage); position: absolute; left: -22px; top: 0; display: grid; width: 41px; height: 41px; place-items: center; border-radius: 50%; color: white; background: var(--mb-orange-600); font-weight: 800; }
.layout-payments-and-kyc .page-hero { background: linear-gradient(140deg, #0b2b45, #0879bb); }
.layout-payments-and-kyc .transaction-timeline { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; }
.layout-payments-and-kyc .transaction-timeline > * { padding: 26px 18px; border-top: 4px solid var(--mb-blue-600); background: white; }
.layout-payments-and-kyc .transaction-timeline > *:nth-child(even) { background: #eaf5fb; }
.layout-promotions .page-entry > section:not(.page-hero) { max-width: 980px; }
.layout-promotions .page-hero { background: #f7f2eb; color: var(--mb-text); border-bottom: 6px solid var(--mb-warning); }
.layout-promotions .page-hero h1 { color: var(--mb-navy-950); }
.layout-promotions .status-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.layout-support .page-hero { background: linear-gradient(135deg, #123e59, #061522); }
.layout-support .support-router .info-card:nth-child(3n + 1) { border-top: 5px solid var(--mb-blue-600); }
.layout-support .support-router .info-card:nth-child(3n + 2) { border-top: 5px solid var(--mb-orange-500); }
.layout-support .support-router .info-card:nth-child(3n) { border-top: 5px solid var(--mb-success); }
.layout-login .diagnostic-tree { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.layout-login .diagnostic-tree > * { position: relative; min-height: 116px; padding: 22px; border: 1px solid var(--mb-border); border-radius: 14px; background: white; }
.layout-login .diagnostic-tree > *:not(:last-child)::after { content: "\2192"; position: absolute; right: -12px; top: 44px; z-index: 2; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: white; background: var(--mb-orange-600); }
.layout-login .login-split { background: linear-gradient(105deg, #f4f9fc 0 46%, #061522 46%); }
.layout-login .login-split h1 { color: var(--mb-navy-950); }
.layout-payments-and-kyc .payment-flow { background: linear-gradient(140deg, #0b2b45, #0879bb); }
.layout-payments-and-kyc .promotion-terms { border-left: 8px solid var(--mb-warning); }
.layout-register .registration-timeline { background: linear-gradient(145deg, #fff, #eaf5fb); color: var(--mb-text); }
.layout-register .registration-timeline h1 { color: var(--mb-navy-950); }
.layout-register .registration-checks { display: grid; gap: 16px; max-width: 900px; margin-inline: auto; }
.layout-register .registration-step { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding: 24px; border: 1px solid var(--mb-border); border-radius: 16px; background: var(--mb-white); }
.layout-register .registration-step > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 15px; color: var(--mb-white); background: var(--mb-blue-700); font-weight: 850; }
.layout-register .registration-step h3 { margin: 0 0 7px; }
.layout-register .registration-step p { margin: 0; }
.layout-register .document-change { border-left: 6px solid var(--mb-warning); }
.layout-payments-and-kyc .transaction-status-table th:first-child { width: 15%; }
.layout-payments-and-kyc .promotion-terms-compact { border-left: 7px solid var(--mb-warning); background: #fffaf0; }
.layout-support .support-router-hero { background: linear-gradient(135deg, #123e59, #061522); }