/* Option B only. The main sign-in page does not load these styles. */
#maharat-login-design{--mlb-ink:#122348;--mlb-muted:#586a87;--mlb-line:#d8e4f3;--mlb-cyan:#00b4d4;--mlb-purple:#9251d2;color:var(--mlb-ink);font:15px/1.5 Inter,"Segoe UI",sans-serif;display:grid;grid-template-columns:1.25fr 1fr;background:#f1f9ff;min-height:100vh;isolation:isolate}
#maharat-login-design *{box-sizing:border-box}
#maharat-login-design .mlb-hero{position:relative;color:#fff;min-width:0;background:#06172e url('pix/login-industrial-preview.webp') center bottom/cover no-repeat;overflow:hidden}
#maharat-login-design .mlb-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05152605,#04132630 70%);pointer-events:none}
#maharat-login-design .mlb-hero-inner{position:relative;padding:46px clamp(22px,4vw,66px) 26px;max-width:970px;margin:auto}
#maharat-login-design .mlb-eyebrow{font-size:11px;letter-spacing:2.8px;text-transform:uppercase;color:#8cdef3;margin:0 0 22px}
#maharat-login-design h1{font:750 clamp(32px,3.5vw,56px)/1.12 Inter,"Segoe UI",sans-serif!important;letter-spacing:-1.7px;color:#fff!important;margin:0 0 20px}
#maharat-login-design h1 span{background:linear-gradient(100deg,#00cee7,#b16ce8);background-clip:text;color:transparent}
#maharat-login-design .mlb-location{font-size:12px;letter-spacing:2.4px;color:#bce9f4;margin:0}
#maharat-login-design .mlb-network{height:410px;position:relative;margin:10px 0 25px}
#maharat-login-design .mlb-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}
#maharat-login-design .mlb-lines path{stroke:#53c8e0;stroke-opacity:.55;stroke-width:1}
#maharat-login-design .mlb-lines circle{fill:#92efff;filter:drop-shadow(0 0 5px #02d4ff)}
#maharat-login-design .mlb-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:138px;height:138px;border-radius:50%;border:4px solid #a9d7ff;background:white;box-shadow:0 0 0 7px #3ca4ff16,0 0 35px #38c7ff35;display:grid;place-items:center;padding:14px}
#maharat-login-design .mlb-hub img{width:100%;height:auto}
#maharat-login-design .mlb-trade{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);background:none;border:0;padding:0;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:9px;width:130px;min-height:50px;cursor:pointer}
#maharat-login-design .mlb-node{background:#fbfeff;color:#07354f;border:1px solid #b2d7e6;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px #3ecfe326;transition:box-shadow .2s,transform .2s}
#maharat-login-design .mlb-node svg{width:30px;height:30px}
#maharat-login-design .mlb-trade-label{font-size:12px;font-weight:650;line-height:1.35;max-width:132px;text-align:center;text-shadow:0 2px 6px #03152f}
#maharat-login-design .mlb-trade:is(:hover,:focus-visible,.is-active) .mlb-node{transform:translateY(-3px);box-shadow:0 0 0 4px #14c6e65c,0 0 22px #20dfff66}
#maharat-login-design .mlb-trade:focus-visible{outline:2px solid #b1efff;outline-offset:5px;border-radius:16px}
#maharat-login-design .mlb-detail{display:grid;gap:3px;max-width:430px;min-height:65px;padding:12px 15px;border:1px solid #59c3e050;background:#06223bdd;border-radius:12px;margin-top:20px;backdrop-filter:blur(8px)}
#maharat-login-design .mlb-detail strong{color:#e7faff;font-size:13px}
#maharat-login-design .mlb-detail span{color:#a6d4e5;font-size:12px}
#maharat-login-design .mlb-motion{color:#b7ddec;background:#061c3580;border:1px solid #83c2d650;border-radius:20px;padding:6px 12px;font:inherit;font-size:11px;margin-top:16px;cursor:pointer}
#maharat-login-design .mlb-signin{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:35px clamp(18px,3vw,55px);background:radial-gradient(ellipse at top,#e3f4ff,transparent 65%),#f5fbff}
#maharat-login-design .mlb-card{width:100%;max-width:510px;background:linear-gradient(160deg,#fffffffa,#fafeff);border:1px solid #9ce1ef;border-right-color:#d8b5f0;border-bottom-color:#d8b5f0;border-radius:26px;padding:24px 32px 27px;box-shadow:0 15px 50px #46b4da1c}
#maharat-login-design .mlb-mini{height:182px;max-width:390px;margin:0 auto 20px}
#maharat-login-design .mlb-mini .mlb-hub{width:128px;height:128px;border:3px solid #e3f3ff;box-shadow:0 8px 22px #7671d82a;padding:13px}
#maharat-login-design .mlb-mini .mlb-node{width:39px;height:39px;box-shadow:0 5px 14px #2dadd520;border-color:#d6edf4}
#maharat-login-design .mlb-mini .mlb-node svg{width:21px;height:21px}
#maharat-login-design .mlb-mini .mlb-trade{width:44px;min-height:44px;justify-content:center}
#maharat-login-design .mlb-mini .mlb-lines circle{fill:#00bfd8;filter:none}
#maharat-login-design .mlb-mini .mlb-lines path{stroke:#77d0e6;stroke-opacity:.6}
#maharat-login-design .loginform #loginlogo{display:none!important}
#maharat-login-design .loginform h1{font:750 32px/1.2 Inter,"Segoe UI",sans-serif!important;letter-spacing:-1px;color:var(--mlb-ink)!important;margin:0 0 8px}
#maharat-login-design .loginform>.text-muted{color:var(--mlb-muted)!important;font-size:14px;margin:0 0 25px!important}
#maharat-login-design .loginform .form-label{font-size:12px;font-weight:600;color:var(--mlb-muted);margin-bottom:5px}
#maharat-login-design .loginform input.form-control{height:48px;border:1px solid var(--mlb-line);background:#f7faff;color:var(--mlb-ink);border-radius:12px;font:inherit;font-size:14px;box-shadow:none}
#maharat-login-design .loginform .login-input-wrapper{position:relative}
#maharat-login-design .loginform .login-input-icon{display:none}
#maharat-login-design .loginform input.form-control{padding-left:14px}
#maharat-login-design .loginform .form-control:focus{border-color:#019bbd;box-shadow:0 0 0 3px #00bfd826}
#maharat-login-design .toggle-sensitive-wrapper{position:relative;display:block}
#maharat-login-design .toggle-sensitive-wrapper #password{width:100%;padding-right:48px;border-radius:12px}
#maharat-login-design .toggle-sensitive-btn{position:absolute;right:5px;top:5px;width:38px;height:38px;border:0!important;border-radius:9px!important;background:transparent!important;color:#586a87!important;z-index:5}
#maharat-login-design .loginform a,#maharat-login-design .loginform .btn-link{color:#007da6;font-size:12px}
#maharat-login-design #loginbtn{border:0!important;border-radius:12px;background:linear-gradient(100deg,#007c99,#9250d2)!important;box-shadow:0 6px 20px #00b8d71c;height:49px;color:#fff;font:650 15px Inter,"Segoe UI",sans-serif;letter-spacing:0}
#maharat-login-design .login-cookiesnotice{border-top:1px solid #e3ebf7;padding-top:20px;margin-top:27px}
#maharat-login-design .mlb-preview-label{font-size:11px;color:#61748c;text-align:center;margin:14px 0 0}
#maharat-login-design .mlb-paused .mlb-node{transition:none}
#maharat-login-design :is(button,a):focus-visible{outline:3px solid #007da6;outline-offset:4px}
@media(min-width:1700px){#maharat-login-design .mlb-hero-inner{padding-top:65px}#maharat-login-design .mlb-network{height:480px}#maharat-login-design .mlb-card{padding:30px 38px 32px}}
@media(max-width:1000px){#maharat-login-design{grid-template-columns:1fr 1fr}#maharat-login-design .mlb-hero-inner{padding:35px 24px 25px}#maharat-login-design .mlb-card{padding:20px}#maharat-login-design .mlb-trade-label{font-size:11px;max-width:95px}#maharat-login-design .mlb-node{width:52px;height:52px}#maharat-login-design .mlb-hub{width:110px;height:110px}#maharat-login-design .mlb-network{height:350px}#maharat-login-design .mlb-mini{height:165px}#maharat-login-design .mlb-mini .mlb-hub{width:115px;height:115px}}
@media(max-width:760px){#maharat-login-design{grid-template-columns:1fr}#maharat-login-design .mlb-signin{order:0;padding:28px 18px}#maharat-login-design .mlb-hero{order:1}#maharat-login-design .mlb-hero-inner{max-width:620px;padding:32px 26px}#maharat-login-design .mlb-card{max-width:470px;padding:22px}#maharat-login-design .mlb-mini{height:150px;max-width:320px}#maharat-login-design .mlb-mini .mlb-hub{width:105px;height:105px}#maharat-login-design .mlb-mini .mlb-node{width:34px;height:34px}#maharat-login-design .mlb-mini .mlb-node svg{width:19px;height:19px}#maharat-login-design .loginform h1{font-size:29px!important}#maharat-login-design .loginform input.form-control{font-size:16px}#maharat-login-design .mlb-eyebrow{font-size:10px;letter-spacing:1.8px}#maharat-login-design .mlb-trade{width:100px}}
@media(prefers-reduced-motion:reduce){#maharat-login-design .mlb-lines circle{display:none}#maharat-login-design .mlb-node{transition:none}}
@media(max-width:760px){#maharat-login-design .mlb-hero .mlb-network{margin:10px 22px 25px;height:340px}}