/* MyBank appearance. Loaded last in every document layout. */
:root{--k-bg:#181a1f;--k-panel:#20222a;--k-raised:#2b2d35;--k-text:#f5f2ec;--k-muted:#aba8a1;--k-faint:#8c8982;--k-line:#ffffff14;--k-edge:#ffffff2e;--k-button:#f5f2ec;--k-button-text:#101216;--k-scrim:#0d0e11bd;--k-success:#5ee08f;--k-danger:#ff8a9c;--k-warning:#e6c58b;--k-info:#9bc8ec;--k-bg-hsl:223 13% 11%;--k-panel-hsl:228 14% 15%;--k-text-hsl:40 31% 94%;--k-muted-hsl:42 5% 65%;--k-border-hsl:228 8% 26%}
:root[data-mb-theme=light]{--k-bg:#f5f4f1;--k-panel:#fff;--k-raised:#eeedea;--k-text:#101216;--k-muted:#4a4e57;--k-faint:#666b75;--k-line:#10121614;--k-edge:#10121633;--k-button:#101216;--k-button-text:#fff;--k-scrim:#c2c1bdA8;--k-success:#15803d;--k-danger:#b92c48;--k-warning:#886013;--k-info:#23638b;--k-bg-hsl:45 17% 95%;--k-panel-hsl:0 0% 100%;--k-text-hsl:220 16% 7%;--k-muted-hsl:221 8% 32%;--k-border-hsl:220 7% 82%}
html[data-mb-theme] body{--base:var(--k-text-hsl);--base-h:220;--base-s:10%;--base-l:65%;--body-color:var(--k-bg-hsl);--section-bg:var(--k-panel-hsl);--heading-color:var(--k-text-hsl);--text-color:var(--k-muted-hsl);--border-color:var(--k-border-hsl);--light:var(--k-text-hsl);--dark:var(--k-text-hsl);--white:var(--k-panel-hsl);--black:var(--k-text-hsl);--heading-font:system-ui,"Microsoft YaHei",sans-serif;--body-font:system-ui,"Microsoft YaHei",sans-serif;--mb-bg:var(--k-bg);--mb-surface:var(--k-panel);--mb-raised:var(--k-raised);--mb-line:var(--k-line);--mb-text:var(--k-text);--mb-muted:var(--k-muted);--mb-accent:var(--k-text);--mb-gold-soft:var(--k-text);--mb-gold-line:var(--k-edge);--mb-inset:var(--k-bg);--ma-canvas:var(--k-bg);--ma-surface:var(--k-panel);--ma-ink:var(--k-text);--ma-muted:var(--k-muted);--ma-line:var(--k-line);--ma-sidebar:var(--k-panel);--ma-accent:var(--k-text);--ma-green:var(--k-text);background:var(--k-bg)!important;color:var(--k-muted);font-family:var(--body-font);-webkit-font-smoothing:antialiased;color-scheme:inherit}
html[data-mb-theme] :is(h1,h2,h3,h4,h5,h6){color:var(--k-text);font-family:inherit}
html[data-mb-theme] body :is(.text-muted,.text-secondary,.mybank-page-title,.info-text,.text,.description){color:var(--k-muted)!important}
html[data-mb-theme] body :is(.text--base,.text--primary,.text-primary,.mybank-text-link){color:var(--k-text)!important}
html[data-mb-theme] body :is(.text--success,.text-success){color:var(--k-success)!important}
html[data-mb-theme] body :is(.text--danger,.text-danger){color:var(--k-danger)!important}
html[data-mb-theme] body.mybank-theme .issue-card-row .text-success{color:var(--k-success)!important}
html[data-mb-theme] body.mybank-theme .issue-card-row .text-danger{color:var(--k-danger)!important}
html[data-mb-theme] body :is(.dashboard,.page-wrapper,.body-wrapper,.account-section,.breadcrumb,.footer-area,.error){background:var(--k-bg)!important}
html[data-mb-theme] body :is(.header,.dashboard-header,.navbar-wrapper,.sidebar,.sidebar-menu,.sidebar-logo,.sidebar__logo){background:var(--k-bg)!important;border-color:var(--k-line)!important;box-shadow:none}
html[data-mb-theme] .header.fixed-header{background:var(--k-bg)!important;border-bottom:1px solid var(--k-line)}
html[data-mb-theme] .header .navbar{gap:16px;min-height:86px}
.mb-wordmark{font-size:28px;font-weight:740;letter-spacing:-1.2px;color:var(--k-text)!important;white-space:nowrap}
html[data-mb-theme] body :is(.mybank-brand,.mybank-admin-brand,.mybank-admin-brand>span:last-child,.nav-link,.sidebar-menu-list__link,.sidebar-menu-list__sub-menu-link,.sidebar .menu-title,.sidebar .menu-icon,.res-sidebar-open-btn,.res-sidebar-close-btn,.mybank-icon-button,.mybank-profile-toggle,.account-close-icon,.navbar-user__name){color:var(--k-text)!important}
html[data-mb-theme] body :is(.mybank-brand__mark,.mybank-admin-brand__mark,.mybank-admin-icon,.mybank-admin-initials,.mybank-avatar,.mybank-account-icon){background:var(--k-raised)!important;color:var(--k-text)!important;border-color:var(--k-line)!important;box-shadow:none}
html[data-mb-theme] body :is(.sidebar-menu-list__item.active>a,.sidebar-menu-list__link:hover,.sidebar-menu-list__sub-menu-link:hover,.sidebar-submenu .active>a,.sidebar .sidebar-menu-item.active>a,.sidebar .sidebar-menu-item>a:hover,.side-menu--open>a){background:var(--k-raised)!important;color:var(--k-text)!important;box-shadow:none!important;border-radius:14px}
html[data-mb-theme] body :is(.sidebar-dropdown,.sidebar-submenu){background:transparent!important}
html[data-mb-theme] body :is(.card,.custom--card,.gateway-card,.order-card,.deposit-info,.dashboard-table,.mybank-balance,.mybank-account-activity,.mybank-card-empty,.mybank-transactions-empty,.configure-card,.widget-card,.widget-seven,.widget-two,.account-form,.account-inner,.contact-form,.contact-item,.blog-item,.testimonial-item,.choose-item,.feature-item,.faq-item,.work-item,.cookies-card){background:var(--k-panel)!important;border:1px solid var(--k-line)!important;border-radius:24px;box-shadow:none!important;color:var(--k-muted)}
html[data-mb-theme] body :is(.card-header,.card-body,.card-footer,.widget-two__content,.widget-seven__content,.widget-card-title,.mybank-account-activity summary){background:transparent!important;color:var(--k-text);border-color:var(--k-line)!important}
html[data-mb-theme] body :is(.widget-two__icon,.widget-card-icon,.widget-seven__content-icon,.dashboard-widget__icon){background:var(--k-raised)!important;color:var(--k-text)!important}
html[data-mb-theme] body .mybank-balance{padding:30px;background:linear-gradient(120deg,var(--k-panel),var(--k-bg))!important}
html[data-mb-theme] body .mybank-balance::before{background:repeating-linear-gradient(125deg,transparent 0 30px,var(--k-line) 31px,transparent 32px 60px);opacity:.4}
html[data-mb-theme] body :is(.mybank-balance__number,.mybank-balance__currency,.mybank-balance__label,.mybank-account-email,.balance__text,.card-title,.cardholder-label){color:var(--k-text)!important}
html[data-mb-theme] body :is(.mybank-account-tag,.mybank-language-switch,.preview-btn-group,.preview-style-btn,.mybank-currency-icon,.input-amount__thumb,.input-amount,.payment-system-list,.payment-item,.choose-cardholder-option){background:var(--k-panel)!important;color:var(--k-muted)!important;border-color:var(--k-edge)!important}
html[data-mb-theme] body :is(.payment-item.active,.preview-style-btn.active,.choose-cardholder-option.active){background:var(--k-raised)!important;color:var(--k-text)!important;border-color:var(--k-text)!important}
html[data-mb-theme] body :is(.payment-item__name,.payment-item__thumb,.payment-item__thumb-img,.gateway-payment-asset__value,.gateway-payment-network__value,.gateway-receiving-address__value){color:var(--k-text)!important;background:transparent!important}
html[data-mb-theme] body :is(.mybank-shortcut,.mybank-shortcut--exchange){background:transparent!important;border-color:transparent!important;box-shadow:none!important;min-height:104px;flex-direction:column;justify-content:flex-start;text-align:center;gap:10px;padding:12px 4px!important}
html[data-mb-theme] body .mybank-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
html[data-mb-theme] body :is(.mybank-shortcut__icon,.mybank-card-empty__icon,.mybank-empty-icon,.mybank-empty-state__icon){width:56px;height:56px;background:var(--k-panel)!important;color:var(--k-text)!important;border:1px solid var(--k-edge)!important;border-radius:20px;box-shadow:inset 0 1px #ffffff14!important}
html[data-mb-theme] body .mybank-shortcut__label{color:var(--k-text)!important;font-size:12px;line-height:1.55}
html[data-mb-theme] body .mybank-shortcut--exchange{grid-column:auto}
html[data-mb-theme] body .mybank-shortcut__arrow{display:none}
html[data-mb-theme] body.mybank-theme .mybank-shortcut--exchange::before{display:none}
html[data-mb-theme] body.mybank-theme .mybank-shortcut--exchange .mybank-shortcut__icon{background:var(--k-panel)!important;color:var(--k-text)!important;border:1px solid var(--k-edge)!important;box-shadow:inset 0 1px #ffffff14!important;width:56px;height:56px;flex:none}
html[data-mb-theme] body.mybank-theme .mybank-shortcut--exchange .mybank-shortcut__label{color:var(--k-text)!important;padding:0;max-width:none;font-weight:500}
html[data-mb-theme] body.mybank-theme .v--card.v--card--plain{--color-code:#f5f2ec!important;background:repeating-linear-gradient(125deg,transparent 0 16px,#ffffff08 17px,transparent 18px 33px),linear-gradient(125deg,#515660,#252832 58%,#1c1f26)!important;border-color:#ffffff38!important;border-radius:22px;box-shadow:inset 0 1px #ffffff33,0 12px 25px #0002!important}
html[data-mb-theme] body.mybank-theme .v--card.v--card--plain :is(.v--card__mybank,.v--card__name,.v--card__expiry,.v--card__cvc,.v--card__pin,.v--card__number){color:#f5f2ec!important;text-shadow:none}
html[data-mb-theme] body.mybank-theme .mybank-card-reveal{background:repeating-linear-gradient(125deg,transparent 0 16px,#ffffff08 17px,transparent 18px 33px),linear-gradient(125deg,#515660,#252832 58%,#1c1f26)!important;border-radius:20px;box-shadow:inset 0 1px #ffffff33}
html[data-mb-theme] body.mybank-theme .mybank-card-reveal__toggle :is(.mybank-card-reveal__brand,.mybank-card-reveal__caption,.mybank-card-reveal__chevron){color:#f5f2ec;text-shadow:none}
html[data-mb-theme] body.mybank-theme .mybank-card-reveal .v--card.v--card--plain{background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html[data-mb-theme] body.mybank-theme .mybank-card-reveal__details{color:#f5f2ec!important}
html[data-mb-theme] body :is(.btn--base,.cmn-btn,.btn--primary,.btn-primary,.btn--dark,.btn--light,.mb-done){background:var(--k-button)!important;border:1px solid var(--k-button)!important;color:var(--k-button-text)!important;box-shadow:none!important;border-radius:14px;font-weight:600}
html[data-mb-theme] body :is(.btn--base,.cmn-btn,.btn--primary,.btn-primary):hover{filter:brightness(.92);transform:translateY(-1px)}
html[data-mb-theme] body :is(.cmn-outline-btn,.btn-outline--base,.btn-outline--primary,.btn-outline--light,.custom--tab .nav-link){background:transparent!important;color:var(--k-text)!important;border-color:var(--k-edge)!important;border-radius:14px}
html[data-mb-theme] body :is(.custom--tab .nav-link.active,.custom--tab .nav-link:hover){background:var(--k-raised)!important}
html[data-mb-theme] body :is(button,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--k-text)!important;outline-offset:4px}
html[data-mb-theme] body :is(.form--control,.form-control,.form-select,.select-country,.input-group-text,.deposit-info__input,.deposit-info__input-group-text,.input-amount-field,.select2-selection--single,.select2-selection--multiple,.navbar-search-field){background:var(--k-bg)!important;color:var(--k-text)!important;border-color:var(--k-edge)!important;border-radius:12px;box-shadow:none!important}
html[data-mb-theme] body :is(.form--label,.form-label,label,.select2-selection__rendered){color:var(--k-text)!important}
html[data-mb-theme] body input::placeholder,html[data-mb-theme] body textarea::placeholder{color:var(--k-faint)!important;opacity:1}
html[data-mb-theme] body :is(.modal-content,.user-info-dropdown,.dropdown-menu,.select2-dropdown,.flatpickr-calendar,.daterangepicker,.search-list){background:var(--k-panel)!important;color:var(--k-text)!important;border:1px solid var(--k-edge)!important;border-radius:20px;box-shadow:0 20px 60px #0003}
html[data-mb-theme] body :is(.modal-header,.modal-footer,.dropdown-menu__header,.dropdown-menu__footer,.dropdown-menu__item,.list-group-item,.accordion-item,.accordion-button,.accordion-body){background:var(--k-panel)!important;color:var(--k-text)!important;border-color:var(--k-line)!important}
html[data-mb-theme] body :is(.user-info-dropdown__link,.dropdown-item,.dropdown-menu__caption,.flatpickr-day,.flatpickr-month,.flatpickr-weekday,.flatpickr-current-month,.flatpickr-monthDropdown-months,.flatpickr-next-month,.flatpickr-prev-month){color:var(--k-text)!important;fill:var(--k-text)}
html[data-mb-theme] body :is(.dropdown-item:hover,.user-info-dropdown__link:hover,.select2-results__option--highlighted,.flatpickr-day:hover,.flatpickr-day.selected,.flatpickr-day.today){background:var(--k-raised)!important;color:var(--k-text)!important;border-color:var(--k-edge)!important}
html[data-mb-theme] body :is(.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-months,.flatpickr-weekdays){background:var(--k-panel)!important}
html[data-mb-theme] body :is(.table,table){color:var(--k-text);--bs-table-bg:transparent;--bs-table-color:var(--k-text);--bs-table-border-color:var(--k-line);--bs-table-striped-bg:var(--k-bg)}
html[data-mb-theme] body .table :is(th,td){background:transparent!important;color:var(--k-text);border-color:var(--k-line)!important;box-shadow:none!important}
html[data-mb-theme] body .table thead th{background:var(--k-bg)!important;color:var(--k-muted)!important;font-weight:500}
html[data-mb-theme] body .table tbody tr:hover{background:var(--k-raised)!important}
html[data-mb-theme] body :is(.page-link,.page-item.disabled .page-link){background:var(--k-panel)!important;color:var(--k-text)!important;border-color:var(--k-edge)!important}
html[data-mb-theme] body .page-item.active .page-link{background:var(--k-button)!important;color:var(--k-button-text)!important}
html[data-mb-theme] body :is(.badge--success,.alert--success){color:var(--k-success)!important;background:color-mix(in srgb,var(--k-success) 10%,var(--k-panel))!important;border-color:color-mix(in srgb,var(--k-success) 30%,transparent)!important}
html[data-mb-theme] body :is(.badge--danger,.alert--danger,.alert-danger){color:var(--k-danger)!important;background:color-mix(in srgb,var(--k-danger) 10%,var(--k-panel))!important;border-color:color-mix(in srgb,var(--k-danger) 30%,transparent)!important}
html[data-mb-theme] body :is(.badge--warning,.alert--warning,.alert-warning){color:var(--k-warning)!important;background:color-mix(in srgb,var(--k-warning) 10%,var(--k-panel))!important;border-color:color-mix(in srgb,var(--k-warning) 30%,transparent)!important}
html[data-mb-theme] body :is(.badge--info,.badge--primary,.alert--info,.alert-primary){color:var(--k-info)!important;background:color-mix(in srgb,var(--k-info) 10%,var(--k-panel))!important;border-color:color-mix(in srgb,var(--k-info) 30%,transparent)!important}
html[data-mb-theme] body .alert :is(p,a,h6){color:inherit!important}
html[data-mb-theme] .btn-close{filter:invert(1) grayscale(1)}
html[data-mb-theme=light] .btn-close{filter:none}
html[data-mb-theme] body :is(.footer-area-shape,.banner-ring,.breadcrumb::before,.breadcrumb::after){display:none}
html[data-mb-theme] body .footer-area{border-top:1px solid var(--k-line);margin-top:60px;padding-bottom:75px}
html[data-mb-theme] body :is(.footer-menu__link,.footer-area__bottom-text,.social-list__link){color:var(--k-muted)!important}
html[data-mb-theme] body .footer-area__bottom{border-color:var(--k-line);background:var(--k-bg)}
html[data-mb-theme] body :is(.section-heading__subtitle,.section-title__subtitle){color:var(--k-muted)}
html[data-mb-theme] body .breadcrumb{padding:60px 0 30px}
html[data-mb-theme] body .breadcrumb__title{font-size:clamp(30px,4vw,48px)}
html[data-mb-theme] .account-section{padding-top:40px}
html[data-mb-theme] .account-form{padding:32px!important}
html[data-mb-theme] body .login-main{background:var(--k-bg)!important;min-height:100vh}
html[data-mb-theme] body :is(.login-area,.login-wrapper,.login-wrapper__body){background:var(--k-panel)!important;border-color:var(--k-line)!important;border-radius:24px;color:var(--k-text)}
html[data-mb-theme] body .login-wrapper__top{background:var(--k-raised)!important;border-radius:24px 24px 0 0}
html[data-mb-theme] body .login-wrapper .text-white{color:var(--k-text)!important}
html[data-mb-theme] .error{min-height:100vh}
html[data-mb-theme] .cookies-card{z-index:1055}
html[data-mb-theme] body .cookies-card{max-width:390px;padding:20px;font-size:13px;line-height:1.7}
html[data-mb-theme] body .cookies-card__icon{display:none}
html[data-mb-theme] .navbar__right{display:flex;align-items:center;gap:12px}
html[data-mb-theme] body :is(.apexcharts-text,.apexcharts-legend-text){fill:var(--k-muted)!important;color:var(--k-muted)!important}
html[data-mb-theme] body .apexcharts-gridline{stroke:var(--k-line)!important}
html[data-mb-theme] body :is(.apexcharts-tooltip,.apexcharts-tooltip-title,.apexcharts-menu){background:var(--k-panel)!important;color:var(--k-text)!important;border-color:var(--k-edge)!important}
html[data-mb-theme] body .shortcut-setting-row label i{color:var(--k-text)!important}
html[data-mb-theme] body :is(.account-wrapper,.account-thumb){background:var(--k-panel)!important;border-radius:24px}
.mb-auth-art{position:relative;isolation:isolate;padding:45px;height:100%;min-height:560px;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:var(--k-bg);border:1px solid var(--k-line);border-radius:24px;color:var(--k-text)}
.mb-auth-art h2{font-size:42px;white-space:pre-line;line-height:1.35;letter-spacing:-1px;position:relative;z-index:1;margin-top:20px;margin-bottom:auto}
.mb-auth-art p{font-size:12px;letter-spacing:2px;color:var(--k-muted);margin-top:300px}
.mb-auth-orbit{position:absolute;left:-70px;top:160px;width:650px;height:400px;border:1px solid var(--k-edge);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 30px var(--k-bg),0 0 0 31px var(--k-line),0 0 0 61px var(--k-bg),0 0 0 62px var(--k-line);z-index:-1}
.mb-auth-card{position:absolute;left:50%;top:48%;width:300px;height:195px;transform:translateX(-50%) rotate(-18deg);border-radius:23px;border:1px solid #ffffff44;background:repeating-linear-gradient(125deg,transparent 0 16px,#ffffff09 17px,transparent 18px 33px),linear-gradient(130deg,#666a72,#23262e);color:#f5f2ec;box-shadow:-12px 18px 0 -4px #aaa8a2,0 30px 60px #0003}
.mb-auth-card strong{position:absolute;left:25px;top:24px;font-size:26px;letter-spacing:-1px}.mb-auth-card span{position:absolute;left:25px;bottom:22px;font-size:9px;letter-spacing:2px}
html[data-mb-theme] .scroll-top{bottom:95px;background:var(--k-panel);color:var(--k-text);border:1px solid var(--k-edge)}
/* Shared settings sheet */
.mb-settings{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid var(--k-line);border-radius:50%;background:var(--k-panel);color:var(--k-text);transition:transform .18s}
.mb-settings svg{width:21px;height:21px}.mb-settings:active{transform:scale(.92)}
.mb-settings-floating{position:fixed;right:22px;bottom:100px;z-index:1010;box-shadow:0 8px 25px #0002}
.mb-sheet{box-sizing:border-box;position:fixed;inset:auto 0 0;max-height:90dvh;width:min(500px,100%);margin:0 auto;padding:25px 26px max(26px,env(safe-area-inset-bottom));border:1px solid var(--k-edge);border-bottom:0;border-radius:26px 26px 0 0;background:var(--k-panel);color:var(--k-text);box-shadow:0 -20px 80px #0002;overflow:auto;z-index:1200}
.mb-sheet{max-width:min(500px,100vw)}.mb-sheet:not([open]){display:none}.mb-sheet[open]{animation:mb-sheet-in .38s cubic-bezier(.32,.72,0,1)}.mb-sheet::backdrop{background:var(--k-scrim)}
.mb-sheet-handle{width:34px;height:4px;border-radius:4px;background:var(--k-edge);margin:-10px auto 23px}.mb-sheet-title{display:flex;justify-content:space-between;align-items:center}.mb-sheet-title h2{font-size:21px;margin:0}.mb-sheet-title button{border:0;background:none;font-size:28px;color:var(--k-muted);width:38px;height:38px;line-height:1}.mb-sheet-subtitle{font-size:13px;color:var(--k-muted);margin:10px 0 28px}.mb-sheet h3{font-size:12px;color:var(--k-muted);margin:20px 0 12px}.mb-theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mb-theme-choices button{height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--k-edge);border-radius:16px;background:transparent;color:var(--k-text);font:inherit;font-size:14px}.mb-theme-choices button span{font-size:22px}.mb-theme-choices button[aria-pressed=true]{border-color:var(--k-text);background:var(--k-raised)}.mb-theme-status{font-size:12px;color:var(--k-muted);margin:17px 0 28px;min-height:20px}.mb-done{height:49px;width:100%;font-size:14px}.mb-sheet-open{overflow:hidden}
/* Discover */
.mb-discover{padding:48px 0 40px;overflow:hidden}.mb-hero-copy{text-align:center;max-width:800px;margin:auto}.mb-eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:550;color:var(--k-muted)}.mb-hero-copy h1{font-size:clamp(40px,5vw,66px);font-weight:600;letter-spacing:-2.6px;line-height:1.17;margin:17px 0}.mb-hero-copy p{font-size:16px;color:var(--k-muted);line-height:1.8;max-width:620px;margin:auto}
.mb-fan-wrap{max-width:740px;margin:0 auto}.mb-fan-stage{position:relative;height:290px;margin-top:34px;perspective:1100px}.mb-fan-card{position:absolute;left:50%;top:24px;width:310px;height:196px;border-radius:23px;padding:27px;box-shadow:0 18px 42px #0003,inset 0 1px #ffffff4a;overflow:hidden;transform-origin:center 160%;transition:transform 1.1s cubic-bezier(.22,.8,.22,1),opacity 1.1s;isolation:isolate}.mb-fan-card::before,.mb-feature-art::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 14px,#ffffff0a 15px,transparent 16px 29px)}.mb-fan-card::after{content:'';position:absolute;inset:-100%;background:linear-gradient(115deg,transparent 44%,#ffffff26 50%,transparent 56%);animation:mb-sheen 9s infinite;pointer-events:none}.mb-fan-card[data-position=center]{transform:translateX(-50%) translateY(0) rotate(0);z-index:3}.mb-fan-card[data-position=left]{transform:translateX(-90%) translateY(25px) rotate(-15deg) scale(.92);z-index:1;opacity:.82}.mb-fan-card[data-position=right]{transform:translateX(-10%) translateY(25px) rotate(15deg) scale(.92);z-index:2;opacity:.85}.mb-fan-card strong{font-size:25px;letter-spacing:-1px}.mb-fan-card>i{position:absolute;right:24px;top:28px;font-size:27px}.mb-fan-card>span{position:absolute;left:27px;bottom:40px;font-size:18px;font-weight:550}.mb-fan-card small{position:absolute;left:27px;bottom:23px;font-size:8px;letter-spacing:1.4px}.mb-chip{display:block;width:29px;height:23px;border:1px solid #ffffff44;border-radius:6px;background:linear-gradient(120deg,#c9c4b5,#eee4cf,#a69c84);position:absolute;top:82px;left:27px}.mb-fan-graphite{color:#f5f2ec;background:linear-gradient(125deg,#555861,#272a33 55%,#191b22)}.mb-fan-silver{color:#202329;background:linear-gradient(125deg,#e9e7e2,#b1b1b1 58%,#d8d5cd)}.mb-fan-sand{color:#343029;background:linear-gradient(125deg,#ead9b8,#baa78b 70%,#d4c6ad)}.mb-fan-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 40px}.mb-fan-controls [data-mb-slide]{border:0;width:6px;height:6px;border-radius:10px;background:var(--k-edge);padding:0;position:relative}.mb-fan-controls [data-mb-slide]::before{content:'';position:absolute;inset:-10px -4px}.mb-fan-controls [aria-pressed=true]{width:21px;background:var(--k-text)}.mb-fan-controls [data-mb-pause]{width:25px;height:25px;background:transparent;border:0;color:var(--k-muted);padding:0;font-size:12px}
.mb-service-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:960px;margin:0 auto 66px;gap:22px}.mb-service{text-align:center;color:var(--k-text);display:flex;flex-direction:column;align-items:center;gap:13px}.mb-service>span{width:64px;height:64px;border-radius:22px;background:var(--k-panel);border:1px solid var(--k-edge);display:grid;place-items:center;box-shadow:inset 0 1px #ffffff1a;transition:transform .18s}.mb-service i{font-size:28px}.mb-service b{font-size:12px;font-weight:500}.mb-service:hover{color:var(--k-text)}.mb-service:hover>span{transform:translateY(-4px)}.mb-feature-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:12px}.mb-feature-heading h2{font-size:30px;margin:0}.mb-feature-heading a{font-size:13px;color:var(--k-muted)}.mb-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mb-feature{position:relative;min-height:285px;border:1px solid var(--k-line);border-radius:28px;overflow:hidden;padding:33px;background:var(--k-panel);color:var(--k-text);isolation:isolate}.mb-feature h3{font-size:31px;letter-spacing:-1px;line-height:1.35;max-width:260px;margin:23px 0 14px}.mb-feature p{font-size:13px;max-width:220px;color:var(--k-muted);line-height:1.8}.mb-feature-cta{display:flex;align-items:center;gap:14px;font-size:13px;margin-top:27px;color:var(--k-text)}.mb-feature-art{position:absolute;z-index:-1;right:-66px;bottom:32px;transform:rotate(-24deg);width:235px;height:150px;border-radius:18px;color:#f5f2ec;background:linear-gradient(125deg,#666972,#252831);border:1px solid #ffffff40;box-shadow:0 16px 25px #0004;animation:mb-float 9s ease-in-out infinite;overflow:hidden}.mb-feature-art strong{position:absolute;left:18px;top:15px;font-size:22px}.mb-feature-art .mb-chip{top:60px;left:18px}.mb-feature-art small{position:absolute;left:18px;bottom:19px;font-size:8px}.mb-gift-art{position:absolute;right:-18px;bottom:32px;width:156px;height:175px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(125deg,#c4b494,#e2d9c7);color:#423b30;transform:rotate(16deg);box-shadow:-12px 8px 0 #81786b;animation:mb-gift 9s ease-in-out -4.5s infinite;z-index:-1}.mb-gift-art i{font-size:70px}.mb-feature:hover .mb-feature-art,.mb-feature:hover .mb-gift-art{animation-play-state:paused}
/* Floating navigation, with a separate central action. */
.mb-dock{position:fixed;z-index:1020;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:332px;height:54px;display:flex;align-items:center;justify-content:space-evenly;isolation:isolate}.mb-dock::before{content:'';position:absolute;inset:0;border-radius:23px;border:1px solid var(--k-edge);background:var(--k-panel);box-shadow:inset 0 1px #ffffff29;mask:radial-gradient(circle 31px at 50% 50%,transparent 30px,#000 31px);z-index:-1}.mb-dock a{width:45px;height:44px;color:var(--k-muted);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:8px;border-radius:50%;line-height:1.1}.mb-dock i{font-size:23px}.mb-dock .mb-dock-center{width:54px;height:54px;color:var(--k-text);background:var(--k-panel);border:1px solid var(--k-edge);box-shadow:0 0 0 5px var(--k-bg)}.mb-dock a[aria-current=page]{color:var(--k-text)}.mb-dock a:active{transform:scale(.92)}
@keyframes mb-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mb-float{0%,100%{transform:translateY(3px) rotate(-24deg)}50%{transform:translateY(-6px) rotate(-22deg)}}@keyframes mb-gift{0%,100%{transform:translateY(3px) rotate(15deg)}50%{transform:translateY(-6px) rotate(17deg)}}@keyframes mb-sheen{0%,50%{transform:translateX(-50%)}80%,100%{transform:translateX(50%)}}
@media(min-width:992px){body.mybank-theme .mb-dock{display:none}.mb-discover .container{max-width:1120px}.mb-feature-art{right:-20px}.mb-feature p{max-width:240px}}
@media(max-width:991px){html[data-mb-theme] body .header .navbar{min-height:72px;gap:10px}.header .mb-settings{order:0}.header .navbar-toggler{order:1}.header .navbar-collapse{order:2}.mb-service-grid{grid-template-columns:repeat(4,1fr);row-gap:26px;max-width:540px}.mb-feature h3{font-size:27px}.mb-feature{padding:25px}.mb-feature p{max-width:190px}.mb-feature-art{right:-96px}.mb-gift-art{right:-57px}html[data-mb-theme] body .dashboard .dashboard-body{padding-bottom:100px}.mb-dock{width:min(332px,calc(100vw - 28px))}}
@media(max-width:600px){.mb-discover{padding:28px 0 20px}.mb-discover .container{padding-inline:20px}.mb-hero-copy .mb-eyebrow{font-size:8px;letter-spacing:1.8px}.mb-hero-copy h1{font-size:42px;letter-spacing:-1.7px;margin:13px 0}.mb-hero-copy p{font-size:13px;line-height:1.75;max-width:330px}.mb-fan-stage{height:174px;margin-top:16px}.mb-fan-card{width:186px;height:124px;top:12px;border-radius:17px;padding:17px}.mb-fan-card strong{font-size:18px}.mb-fan-card>i{font-size:20px;top:17px;right:17px}.mb-fan-card>span{font-size:13px;left:17px;bottom:27px}.mb-fan-card small{font-size:5px;left:17px;bottom:15px;letter-spacing:1px}.mb-fan-card .mb-chip{width:22px;height:17px;left:17px;top:49px}.mb-fan-controls{margin:0 0 26px}.mb-service-grid{margin:0 0 39px;gap:24px 8px}.mb-service{gap:9px}.mb-service>span{width:55px;height:55px;border-radius:20px}.mb-service i{font-size:25px}.mb-service b{font-size:11px}.mb-feature-heading{margin-bottom:17px}.mb-feature-heading h2{font-size:23px}.mb-feature-heading a{font-size:11px}.mb-feature-grid{grid-template-columns:1fr;gap:16px}.mb-feature{min-height:232px;padding:24px;border-radius:24px}.mb-feature h3{font-size:27px;margin:16px 0 12px;max-width:190px}.mb-feature p{font-size:11px;max-width:185px}.mb-feature-cta{font-size:12px;margin-top:21px}.mb-feature-art{right:-59px;bottom:37px;width:195px;height:130px}.mb-gift-art{width:127px;height:143px;right:-24px;bottom:36px}.mb-gift-art i{font-size:60px}.mb-sheet-subtitle{display:none}.mb-sheet-title h2{font-size:19px}.mb-sheet h3{margin-top:24px}.mb-theme-choices button{font-size:13px}.mb-wordmark{font-size:25px}.mb-settings{width:36px;height:36px}.header .navbar-brand{margin-right:0!important}.mb-settings-floating{right:15px;bottom:93px}html[data-mb-theme] body .mybank-shortcuts{gap:10px 5px}html[data-mb-theme] body .mybank-shortcut__icon{width:47px;height:47px;border-radius:17px}html[data-mb-theme] body .mybank-shortcut__label{font-size:10px}html[data-mb-theme] body .mybank-balance{padding:23px}html[data-mb-theme] body .account-form{padding:24px!important}html[data-mb-theme] body .footer-area{margin-top:35px}.mb-feature .mb-eyebrow{font-size:8px}}
@media(max-width:360px){.mb-hero-copy h1{font-size:36px}.mb-fan-card{width:168px;height:114px}.mb-fan-card>span{font-size:11px}.mb-feature-art{right:-78px}.mb-gift-art{right:-45px}.mb-feature h3{max-width:178px;font-size:25px}.mb-feature p{max-width:166px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mb-fan-card,.mb-fan-card::after,.mb-feature-art,.mb-gift-art,.mb-sheet[open]{animation:none!important;transition:none!important}html[data-mb-theme] body *{scroll-behavior:auto!important}}
.mb-more-section,.mb-faq-section{padding:25px 0 35px}.mb-more-section .container,.mb-faq-section .container{max-width:1120px}.mb-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mb-more-grid>a{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--k-line);background:var(--k-panel);border-radius:24px;color:var(--k-text)}.mb-more-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--k-raised);font-size:27px;flex:none}.mb-more-grid h3{font-size:19px;line-height:1.5;margin:0 0 6px}.mb-more-grid p{font-size:12px;color:var(--k-muted);margin:0}.mb-more-grid>a>i{margin-left:auto;transform:rotate(45deg);font-size:20px}.mb-faq-list{border-top:1px solid var(--k-line)}.mb-faq-list details{padding:20px 0;border-bottom:1px solid var(--k-line)}.mb-faq-list summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;color:var(--k-text);gap:20px;font-size:15px}.mb-faq-list summary::-webkit-details-marker{display:none}.mb-faq-list summary>span{font-size:22px;color:var(--k-muted)}.mb-faq-list details[open] summary>span{transform:rotate(45deg)}.mb-faq-list p{padding-top:15px;font-size:14px;line-height:1.8;margin:0;color:var(--k-muted)}
@media(max-width:600px){.mb-more-section,.mb-faq-section{padding:14px 0 28px}.mb-more-section .container,.mb-faq-section .container{padding-inline:20px}.mb-more-grid{grid-template-columns:1fr;gap:13px}.mb-more-grid>a{padding:20px;gap:15px}.mb-more-grid h3{font-size:17px}.mb-more-grid p{font-size:11px}.mb-more-section .mb-eyebrow{display:none}.mb-faq-list summary{font-size:13px}.mb-faq-list p{font-size:12px}.mb-sheet-title button{border-radius:50%}html[data-mb-theme] body.mybank-theme .mybank-shortcut--exchange .mybank-shortcut__icon{width:47px;height:47px}}
html[data-mb-theme] body .account-thumb{padding:20px!important}.mb-auth-art{width:100%}.mb-auth-card{top:44%}

/* Public content and server-level fallbacks share the same palette. */
html[data-mb-theme] body .footer-item__btn .title{color:var(--k-text)!important}
html[data-mb-theme] body :is(.transfer-wrapper,.trusted-wrapper,.trusted-item,.advantage-item,.how-work-item,.cta-wrapper){background:var(--k-panel)!important;border:1px solid var(--k-line);border-radius:24px;color:var(--k-muted)}
html[data-mb-theme] body :is(.transfer-content__title,.cta-content__title,.trusted-item__title,.how-work-item__title){color:var(--k-text)!important}
html[data-mb-theme] body :is(.transfer-content__text,.cta-content__desc,.trusted-item__text,.how-work-item__text){color:var(--k-muted)!important}
html[data-mb-theme] body .trusted-section-top{background:var(--k-bg)!important}
html[data-mb-theme] body .cta .shape,html[data-mb-theme] body .cta .bg-shape{display:none}
html[data-mb-theme] body .cta .btn--white{background:var(--k-button)!important;color:var(--k-button-text)!important;border-radius:14px}

/* Readable typed text, selected values and autofill across both themes. */
html[data-mb-theme] body input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),
html[data-mb-theme] body textarea,html[data-mb-theme] body select,html[data-mb-theme] body [contenteditable=true]{color:var(--k-text)!important;-webkit-text-fill-color:var(--k-text)!important;caret-color:var(--k-text)!important;background-color:var(--k-bg)!important}
html[data-mb-theme] body input::placeholder,html[data-mb-theme] body textarea::placeholder{color:var(--k-faint)!important;-webkit-text-fill-color:var(--k-faint)!important;opacity:1}
html[data-mb-theme] body input:-webkit-autofill,html[data-mb-theme] body input:-webkit-autofill:hover,html[data-mb-theme] body input:-webkit-autofill:focus{-webkit-text-fill-color:var(--k-text)!important;caret-color:var(--k-text)!important;box-shadow:0 0 0 1000px var(--k-bg) inset!important}
html[data-mb-theme] body :is(select option,.select2-selection__rendered,.select2-search__field,.select2-results__option){color:var(--k-text)!important;-webkit-text-fill-color:var(--k-text)!important;background-color:var(--k-bg)!important}