html.bm-host{background:#214f70}
html.bm-host body{
  background:
    radial-gradient(900px 520px at 50% 42%, rgba(89,225,213,.16), transparent 58%),
    linear-gradient(180deg,#1b4664 0%,#214f70 42%,#1a455f 100%) !important;
  color:#f4fbff !important;
}

.bm-mark{
  position:relative;width:148px;height:148px;margin:0 auto;
  display:grid;place-items:center;
}
.bm-mark .ring{
  position:absolute;inset:0;border-radius:50%;
  background:
    radial-gradient(circle at 50% 58%, rgba(8,28,40,.28), transparent 62%),
    conic-gradient(from 210deg, #7dff9a, #22c55e 28%, rgba(250,204,21,.2) 46%, #fde047 72%, #4ade80);
  -webkit-mask:radial-gradient(circle, transparent 62%, #000 64%);
  mask:radial-gradient(circle, transparent 62%, #000 64%);
  filter:drop-shadow(0 16px 18px rgba(8,30,42,.35));
  animation:bmSpin 2.8s linear infinite;
}
.bm-mark .tiles{position:relative;display:flex;align-items:center;z-index:2}
.bm-mark .tiles span{
  width:62px;height:62px;display:grid;place-items:center;
  font:800 34px "Space Grotesk",Outfit,sans-serif;border-radius:16px;
  box-shadow:0 10px 18px rgba(6,24,34,.28), inset 0 2px 0 rgba(255,255,255,.45);
}
.bm-mark .tiles .b{background:linear-gradient(180deg,#86efac,#16a34a);color:#052e16;margin-right:-8px}
.bm-mark .tiles .m{background:linear-gradient(180deg,#fde047,#eab308);color:#3f2d04}
@keyframes bmSpin{to{transform:rotate(360deg)}}

#mbLoader.bm-on{
  background:
    radial-gradient(700px 420px at 50% 48%, rgba(89,225,213,.2), transparent 60%),
    linear-gradient(180deg,#1b4664,#214f70 55%,#183e56) !important;
}
#mbLoader.bm-on .bm-stage{text-align:center;width:min(420px,90vw)}
#mbLoader.bm-on .bm-line{
  margin:28px auto 0;height:3px;width:min(220px,70vw);border-radius:99px;
  background:rgba(255,255,255,.12);overflow:hidden;
}
#mbLoader.bm-on .bm-line i{
  display:block;height:100%;width:40%;border-radius:99px;
  background:linear-gradient(90deg,#22c55e,#fde047);
  animation:bmBar 1.15s ease-in-out infinite;
}
@keyframes bmBar{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}
#mbLoader.bm-on .bm-kicker{
  margin:22px 0 0;letter-spacing:.22em;font:700 12px Outfit,sans-serif;color:#d7fff8;
}
#mbLoader.bm-on .bm-kicker b{color:#4ade80}
#mbLoader.bm-on .bm-kicker em{font-style:normal;color:#fde047}

html.bm-host .mb-bg{background:#214f70 !important}
html.bm-host .mb-glow-a{background:rgba(34,197,94,.28) !important}
html.bm-host .mb-glow-b{background:rgba(250,204,21,.24) !important}
html.bm-host .mb-veil{background:linear-gradient(180deg,rgba(33,79,112,.15),rgba(27,70,100,.55) 70%,#1a4660) !important}
html.bm-host .mb-landing{min-height:100vh}
html.bm-host .mb-nav, html.bm-host .mb-hero{position:relative;z-index:1}
html.bm-host .mb-brand-text strong, html.bm-host .mb-hero h1, html.bm-host .mb-sub{color:#f7fffd !important}
html.bm-host .mb-hero h1 em{color:#fde047 !important;font-style:normal}
html.bm-host .mb-logo-img, html.bm-host .mb-hero-logo{display:block !important;border-radius:50%;object-fit:cover}
html.bm-host .mb-hero-logo{width:148px !important;height:148px !important;margin:0 auto 16px}
html.bm-host .mb-logo-img{width:40px !important;height:40px !important}
html.bm-host .bm-mark{display:none !important}
html.bm-host .bm-logo{width:148px;height:148px;border-radius:50%;display:block;margin:0 auto 12px}
html.bm-host .mb-btn.primary{
  background:linear-gradient(180deg,#8ff7ef,#59e1d5) !important;color:#123238 !important;border:0 !important;
}
html.bm-host .mb-btn.ghost{
  background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.45) !important;
}

html.bm-host body.form-page, html.bm-host body.auth-premium{
  background:
    radial-gradient(800px 480px at 50% -10%, rgba(89,225,213,.18), transparent 55%),
    linear-gradient(180deg,#1b4664,#214f70) !important;
}
html.bm-host .form-shell{
  background:rgba(8,28,42,.28) !important;
  border:1px solid rgba(89,225,213,.28) !important;
  box-shadow:0 24px 60px rgba(4,18,28,.35) !important;
}
html.bm-host .brand-mark-img{display:block !important;width:108px !important;height:108px !important;border-radius:50%;object-fit:cover;margin:0 auto 8px}
html.bm-host .form-brand h1{color:#fff !important}
html.bm-host .form-brand p, html.bm-host .back-link, html.bm-host .field label{color:#d5ebe8 !important}
html.bm-host .field input, html.bm-host .country-btn, html.bm-host .country-search{
  background:rgba(6,24,34,.35) !important;
  border:1px solid rgba(89,225,213,.35) !important;
  color:#fff !important;
}
html.bm-host .field input:focus{border-color:#59e1d5 !important;box-shadow:0 0 0 3px rgba(89,225,213,.2) !important}
html.bm-host .btn.primary, html.bm-host .btn.primary.btn-full{
  background:linear-gradient(90deg,#59e1d5,#2ec9b8) !important;
  color:#102e34 !important;
  box-shadow:0 12px 28px rgba(46,201,184,.28) !important;
}
html.bm-host .form-footer a{color:#8ff7ef !important}
html.bm-host .tile-corner{border-color:rgba(89,225,213,.45) !important}
html.bm-host .btn-google{border-color:rgba(255,255,255,.28) !important}