:root{--sb-button:linear-gradient(110deg,#8b5cf6 0%,#b052a3 55%,#e65308 100%);--sb-button-solid:#8b5cf6;--sb-button-radius:8px}
/* Only explicitly tagged actions receive the shared button treatment. */
html body .sb-theme-action,html body .sb-site .bm-lp__card .sb-theme-action{background-color:var(--sb-button-solid)!important;background-image:var(--sb-button)!important;color:#fff!important;border-color:transparent!important;border-radius:var(--sb-button-radius)!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 4px 12px #8b5cf626;transition:filter .18s,box-shadow .18s}
html body .sb-theme-action:hover{filter:brightness(1.08);box-shadow:0 6px 18px #8b5cf638}
html body .sb-theme-action:focus-visible{outline:3px solid #b391ff;outline-offset:3px}
html body .sb-theme-action:disabled,html body .sb-theme-action[disabled]{opacity:.5;cursor:not-allowed;filter:none;box-shadow:none}
html body .sb-wallet-mark{background:var(--sb-button)!important;color:#fff!important;border-radius:8px}
.sb-platform-logo{display:block;width:28px;height:28px;object-fit:contain;max-width:100%}
.sb-platform-mark{flex-shrink:0}
html[data-theme=dark] .sb-platform-logo{filter:none}
.bm-auth__aside .sb-site-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.bm-auth__aside .sb-site-mini-stats>div{padding:18px 12px;background:linear-gradient(135deg,#8b5cf620,#e6530810);border:1px solid #8b5cf64d;border-radius:16px}
.bm-auth__aside .sb-site-mini-stats strong{display:block;font-size:clamp(20px,2vw,30px)}
.bm-auth__aside .sb-site-mini-stats span{display:block;margin-top:5px;font-size:13px}
.sb-keyboard-done{position:fixed;right:16px;bottom:16px;z-index:2147483000;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#17233a;padding:12px 20px;font-weight:700;box-shadow:0 4px 20px #0003}
@media(pointer:coarse){input,select,textarea{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.sb-theme-action{transition:none!important}}


/* Saved brand colours with automatic theme contrast fallbacks. */
html[data-theme=light] body .bm-brand__text :is(.bm-brand__1,.bm-brand__2){color:var(--sb-brand-light,#17233a)!important}
html[data-theme=dark] body .bm-brand__text :is(.bm-brand__1,.bm-brand__2){color:var(--sb-brand-dark,#fff)!important}
html body .sb-platform-mark{background:#f1edff!important;border:1px solid #c8b6ee!important}
html body .sb-platform-mark .sb-platform-logo{filter:none!important;opacity:1!important}

@font-face{font-family:"SB Brand outfit";src:url("../fonts/brand/outfit.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.sb-brand-font-outfit,.sb-brand-font-outfit>span{font-family:"SB Brand outfit","IBM Plex Sans Arabic",sans-serif!important}

@font-face{font-family:"SB Brand montserrat";src:url("../fonts/brand/montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.sb-brand-font-montserrat,.sb-brand-font-montserrat>span{font-family:"SB Brand montserrat","IBM Plex Sans Arabic",sans-serif!important}

@font-face{font-family:"SB Brand poppins";src:url("../fonts/brand/poppins.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
.sb-brand-font-poppins,.sb-brand-font-poppins>span{font-family:"SB Brand poppins","IBM Plex Sans Arabic",sans-serif!important}

@font-face{font-family:"SB Brand cairo";src:url("../fonts/brand/cairo.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
.sb-brand-font-cairo,.sb-brand-font-cairo>span{font-family:"SB Brand cairo","IBM Plex Sans Arabic",sans-serif!important}
