@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
:root { --auth-brown:#51321d; --auth-cream:#e9d9c7; --auth-ink:#251a15; --auth-line:#e9e3de; }
html, body.authmaster { min-height:100%; overflow:auto; }
body.authmaster { min-height:100vh; padding:0; background:#faf8f6; color:var(--auth-ink); font-family:Manrope,sans-serif; }
body.authmaster:before, body.authmaster:after { display:none; }
.auth-shell { width:100%; max-width:none; min-height:100vh; position:relative; display:flex; align-items:center; justify-content:flex-end; padding:56px 9.5vw; overflow:hidden; }
.auth-shell:before { content:""; position:absolute; inset:0 48% 0 0; background:linear-gradient(145deg,#382014,#6d452d); }
.auth-shell:after { content:"Trade with clarity.\A Build with confidence."; white-space:pre-line; position:absolute; left:9.5vw; top:50%; width:31vw; transform:translateY(-50%); color:#fff; font-size:clamp(32px,4vw,59px); line-height:1.12; font-weight:800; letter-spacing:-2px; }
.auth-shell > .row { width:min(460px,100%); min-height:auto!important; margin:0; position:relative; z-index:1; justify-content:center!important; }
.auth-shell > .row > [class*="col-"] { width:100%; max-width:100%; padding:0; }
.auth-shell .inverted-box { position:relative; padding:0; border:1px solid var(--auth-line); border-radius:24px; background:#fff; box-shadow:0 25px 55px rgba(67,40,23,.12); overflow:hidden; }
.auth-shell .ArrowButton { display:none; }
.auth-shell .inverted-radius { padding:38px!important; border:0!important; border-radius:0!important; background:#fff!important; }
.auth-shell .logo { margin-bottom:32px!important; text-align:left!important; }.auth-shell .logo img { max-width:165px; max-height:42px; }
.auth-shell h3 { margin:0 0 7px!important; color:var(--auth-ink); text-align:left!important; font-size:26px!important; letter-spacing:-.8px; }.auth-shell h3:after { content:"Welcome back to your trading workspace"; display:block; margin-top:8px; color:#81766f; font-size:12px; font-weight:600; letter-spacing:0; }.auth-shell .pageregister h3:after { content:"Create your secure client portal account"; }
.auth-shell .form_group { margin:21px 0 0!important; position:relative; }.auth-shell .form_group label { margin:0 0 7px; color:var(--auth-ink); font-size:11px; font-weight:800; }.auth-shell .form-control, .auth-shell select.form-control { min-height:48px; border:1px solid var(--auth-line)!important; border-radius:11px!important; background:#fff!important; box-shadow:none!important; font:600 13px Manrope,sans-serif; }.auth-shell .form-control:focus { border-color:#ad8b73!important; box-shadow:0 0 0 4px rgba(81,50,29,.09)!important; }.auth-shell .eye-icon { top:38px!important; right:14px!important; color:#896e5b; }.auth-shell .btn_secondary { width:100%; min-height:49px; border:0!important; border-radius:11px!important; background:var(--auth-brown)!important; color:#fff!important; font:800 13px Manrope,sans-serif; transition:.2s ease; }.auth-shell .btn_secondary:hover { transform:translateY(-2px); background:#382014!important; box-shadow:0 10px 18px rgba(81,50,29,.2); }.auth-shell .btn_secondary img { filter:brightness(0) invert(1); }.auth-shell .registration_acct { margin-top:22px; padding-top:19px; border-top:1px solid var(--auth-line); }.auth-shell .registration_acct p { color:#81766f!important; font-size:12px!important; }.auth-shell .logregibtn { color:var(--auth-brown)!important; font-weight:800; }.auth-shell .logregibtn img { display:none; }.auth-shell .phoneinline { border:0!important; }.auth-shell .phoneinline .form-control:first-child { max-width:80px; border-radius:11px 0 0 11px!important; }.auth-shell .phoneinline .form-control:last-child { border-radius:0 11px 11px 0!important; }
@media (max-width:991px) { .auth-shell { justify-content:center; padding:36px 24px; }.auth-shell:before { inset:0; background:linear-gradient(145deg,#f8f1eb,#faf8f6); }.auth-shell:after { content:""; }.auth-shell .inverted-box { box-shadow:0 16px 35px rgba(67,40,23,.1); } }
@media (max-width:575px) { .auth-shell { padding:22px 16px; }.auth-shell .inverted-radius { padding:27px 22px!important; }.auth-shell .logo { margin-bottom:25px!important; }.auth-shell h3 { font-size:23px!important; }.auth-shell .pageregister .row > * { width:100%; } }