/* Desktop split composition. Authentication markup and mobile layout are shared. */
@media(min-width:861px){
    .bs-auth-page .bs-auth-glass-bg{padding:0;align-items:stretch;min-height:100vh;min-height:100svh}
    .bs-auth-page .bs-auth-artifacts,.bs-auth-page .bs-auth-glass-bg::before,.bs-auth-page .bs-auth-glass-bg::after{display:none}
    .bs-auth-page .bs-auth-shell{display:grid;direction:rtl;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"form art";width:100%;max-width:none;min-height:100vh;min-height:100svh;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;align-items:stretch}
    .bs-auth-page .bs-auth-story{grid-area:art;min-height:100%;border:0;border-radius:0;padding:48px;justify-content:flex-end;background:#17243b}
    .bs-auth-page .bs-auth-story h2{font-size:24px;line-height:1.8}
    .bs-auth-page .bs-auth-story p{font-size:14px}
    .bs-auth-page .bs-auth-glass{--auth-ink:#f1f5f9;--auth-muted:#bcc8d9;grid-area:form;align-self:center;justify-self:center;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 80px);max-width:560px;min-height:min(720px,calc(100svh - 112px));margin:64px 40px 48px;padding:48px 0;border:1px solid #34445e;border-radius:20px;background:#142137;color:var(--auth-ink);box-shadow:0 12px 36px #00000012;overflow:visible}
    .bs-auth-page .bs-auth-glass::before{display:none}
    .bs-auth-page .bs-auth-glass-head{padding:0 40px 24px;text-align:center}
    .bs-auth-page .bs-auth-glass-head img{margin:0 auto 20px!important;max-height:56px!important}
    .bs-auth-page .bs-auth-glass-logo{background:#20324c;color:var(--bs-primary,#536fa8);border:0;border-radius:10px;box-shadow:none}
    .bs-auth-page .bs-auth-glass-head h1{font-size:21px;line-height:1.8;color:var(--auth-ink);margin-bottom:8px}
    .bs-auth-page .bs-auth-glass-head p{font-size:13px;line-height:1.9;color:var(--auth-muted)}
    .bs-auth-page .bs-auth-glass-body{padding:0 40px}
    .bs-auth-page .bs-auth-tabs{background:#0e192b;border:1px solid #34445e;border-radius:9px;margin-bottom:24px}
    .bs-auth-page .bs-auth-tab{color:#c3cfe0;border-radius:6px;font-size:13px}
    .bs-auth-page .bs-auth-tab.active{color:#fff;background:#2b405e;box-shadow:0 1px 4px #24314915}
    .bs-auth-page .bs-auth-glass-label{font-size:13px;color:var(--auth-ink);padding-right:0;font-weight:600}
    .bs-auth-page .bs-auth-glass-label::before{display:none}
    .bs-auth-page .bs-auth-glass-input{color:var(--auth-ink);background:#0c1728;border:1px solid #637793;border-radius:8px;font-size:15px;min-height:48px;box-shadow:none;caret-color:var(--bs-primary,#536fa8);transform:none}
    .bs-auth-page .bs-auth-glass-input::placeholder{color:#a9b8cd}
    .bs-auth-page .bs-auth-glass-input:focus{border-color:var(--bs-primary,#536fa8);outline:2px solid var(--bs-primary,#536fa8);outline-offset:2px;background:#101e33;box-shadow:none}
    .bs-auth-page .bs-auth-glass-btn{background:var(--bs-primary,#536fa8)!important;color:#fff;border:0;border-radius:8px;box-shadow:none;font-size:14px;min-height:48px;font-weight:700;transform:none}
    .bs-auth-page .bs-auth-glass-btn:hover{filter:brightness(.94);box-shadow:none;transform:none}
    .bs-auth-page .bs-auth-glass-btn:disabled{opacity:.6;filter:none}
    .bs-auth-page .bs-auth-tab:focus-visible,.bs-auth-page .bs-auth-glass-btn:focus-visible{outline:2px solid var(--bs-primary,#536fa8);outline-offset:3px}
    .bs-auth-page #bs-step-code p,.bs-auth-page #bs-step-code>button:not(.bs-auth-glass-btn){color:var(--auth-muted)!important}
    .bs-auth-page #bs-step-code #bs-timer{color:var(--auth-ink)!important}
    .bs-auth-page .bs-auth-privacy{font-size:11px;color:var(--auth-muted);line-height:1.8;margin-top:24px}
    .bs-auth-page .bs-auth-back{font-size:12px;box-shadow:none;backdrop-filter:none;border-radius:6px}
    .bs-auth-page .bs-auth-story--photo{padding:0;background:var(--bs-bg,#111827)}
    .bs-auth-page .bs-auth-story--photo .bs-auth-story__image{opacity:1;display:block;object-fit:cover;object-position:center;width:100%;height:100%}
    .bs-auth-page .bs-auth-story--photo>:not(.bs-auth-story__image),
    .bs-auth-page .bs-auth-story--photo::before,
    .bs-auth-page .bs-auth-story--photo::after{display:none}
}
@media(min-width:861px) and (max-width:1100px){
    .bs-auth-page .bs-auth-glass{width:calc(100% - 40px);margin-inline:20px;padding-block:32px}
    .bs-auth-page .bs-auth-glass-head,.bs-auth-page .bs-auth-glass-body{padding-inline:24px}
}

.bs-auth-page .bs-auth-glass-head{text-align:center}
.bs-auth-page .bs-auth-glass-head img,.bs-auth-page .bs-auth-glass-logo{margin-inline:auto!important}
/* Explicit OTP boundaries remain visible before focus, on desktop and mobile. */
.bs-auth-page .bs-auth-code-row{display:flex;direction:ltr;gap:8px;justify-content:center;margin:0 0 20px;min-width:0}
.bs-auth-page #bs-step-code .bs-auth-code-row .bs-auth-code-box{display:block;flex:0 1 44px;min-width:0;width:44px!important;height:54px;box-sizing:border-box;border:2px solid #7890ae!important;border-radius:8px!important;background:#0b1628!important;color:#f8fafc!important;-webkit-text-fill-color:#f8fafc;caret-color:#fff;opacity:1;box-shadow:none;text-align:center}
.bs-auth-page #bs-step-code .bs-auth-code-row .bs-auth-code-box:focus{border-color:#afc9f0!important;outline:2px solid #afc9f0;outline-offset:2px;background:#1b3050!important;box-shadow:none!important;transform:none}
.bs-auth-page .bs-auth-glass-body>.bs-auth-back{position:static;inset:auto;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-height:44px;margin:12px auto 0;padding:8px 16px;font-size:12px;line-height:1.8;color:#dce6f4;background:transparent;border:1px solid #526681;border-radius:8px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none}
.bs-auth-page .bs-auth-glass-body>.bs-auth-back:hover{background:#243851;color:#fff;border-color:#9aafcb;transform:none}
.bs-auth-page .bs-auth-glass-body>.bs-auth-back:focus-visible{outline:2px solid #afc9f0;outline-offset:3px}