/* Login page only: keep authentication markup and behaviour unchanged. */
html{min-height:100%;background:#0a1021!important}
html body{min-height:100%;height:auto;background:radial-gradient(ellipse at 12% 8%,#243052 0,transparent 48%),radial-gradient(ellipse at 95% 85%,#232b44 0,transparent 48%),#0a1021!important;color:#e9edf7;font-family:RobotoRegular,Arial,sans-serif;font-size:16px;line-height:1.55}
body>.container{width:100%;max-width:1160px;padding:0 24px 36px}
.login-header{padding:48px 0 28px}
.login-header>h2{color:#edf1fb;font-size:28px;font-weight:600;letter-spacing:-.5px;margin:0}
.login-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}
.login-container:before,.login-container:after{display:none}
.login-container>.cell{float:none;width:auto;min-width:0;padding:0;margin:0}
.login-container>.login-error-message{grid-column:1/-1;padding:14px 20px;border:1px solid #845965;border-radius:14px!important;background:#362532;color:#ffd7df}
.login-error-message>.row{margin:0}
.login-form{margin:0;background:linear-gradient(145deg,#1b263d,#151e32);border:1px solid #38445e;border-radius:24px!important;box-shadow:0 20px 70px #0003;overflow:hidden}
.login-form-header{padding:32px 32px 8px;color:#edf1fb}
.login-form-header>h1{font:600 36px/1.2 RobotoRegular,Arial,sans-serif;letter-spacing:-1px;margin:0}
.login-form .form{width:100%;max-width:none;padding:18px 32px 32px}
.login-form label{color:#c4cee0;font:400 15px/1.5 RobotoRegular,Arial,sans-serif;margin-bottom:8px}
.login-form .form-group{margin-bottom:20px}
.login-form .form-control{height:52px;background:#10192b!important;border:1px solid #46536c!important;border-radius:12px!important;color:#f1f4fb!important;box-shadow:none!important;font:400 16px/1.5 RobotoRegular,Arial,sans-serif!important;padding:12px 15px}
.login-form .form-control::placeholder{color:#8c9ab3;opacity:1}
.login-form .form-control:focus{border-color:#a7a9d5!important;outline:2px solid #a7a9d533;outline-offset:2px}
.login-form #password-field{border-right:0!important;border-radius:12px 0 0 12px!important}
.login-form #toggle-password{background:#10192b!important;border:1px solid #46536c!important;border-left:0!important;border-radius:0 12px 12px 0!important;padding:0 16px}
.login-form #password-field-group .fa{color:#b6c3da}
.login-form #password-field-group:focus-within #toggle-password{border-color:#a7a9d5!important}
html body .login-form .login-form-submit.btn{width:100%;height:52px;padding:12px 24px;background:linear-gradient(130deg,#666b94,#77799e)!important;border:1px solid #9ba0c5!important;border-radius:12px!important;color:#fff!important;font:600 16px/1.5 RobotoRegular,Arial,sans-serif!important;box-shadow:0 8px 24px #555b812e!important;transition:background .2s,box-shadow .2s}
html body .login-form .login-form-submit.btn:hover{background:linear-gradient(130deg,#747ba6,#8587b0)!important;box-shadow:0 10px 28px #555b8155!important}
html body .login-form .login-form-submit.btn:focus-visible{outline:2px solid #d0d6ff!important;outline-offset:3px}
html body .login-form .login-form-submit.btn:disabled{background:#353d53!important;color:#a7b0c4!important;box-shadow:none!important}
.login-info-link{padding:19px 32px;border-top:1px solid #38445e;color:#bdcbe3;font:400 16px/1.5 RobotoRegular,Arial,sans-serif}
.login-info-link:hover{color:#f0f3ff;background:#ffffff04}
#login-info-frame{margin:12px 0 0}
.login-info{padding:24px 28px;background:#182238;border:1px solid #38445e;border-radius:18px!important;color:#c4cee0;font:400 15px/1.7 RobotoRegular,Arial,sans-serif}
.login-info ul{padding-left:18px;margin-bottom:0}
.login-info>ul>li{list-style:disc}
.login-info>ul>li:before{display:none}
.login-banner{height:auto;min-height:100%;padding:18px 16px 26px!important;background:linear-gradient(145deg,#19283b,#162334);border:1px solid #354c61;border-radius:24px!important;box-shadow:0 20px 70px #0002;color:#c4d2e2}
.login-banner>.row{margin:0}
.login-banner h4,.login-banner h5{color:#edf3f9;font-family:RobotoRegular,Arial,sans-serif;font-weight:500;line-height:1.4;font-size:21px;margin-bottom:12px}
.login-banner-text{font:400 15px/1.65 RobotoRegular,Arial,sans-serif!important}
.login-banner-text[style*="font-weight"]{color:#c2dce8;letter-spacing:.6px;font-size:20px!important}
.login-banner img{max-width:100%;height:auto}
.login-banner img[src$="universal-qr.png"]{background:#fff;padding:8px;border-radius:12px!important}
.login-banner img[src$="app-store-icon.png"]{background:#dbe5f0;padding:9px;border-radius:12px!important}
.login-banner img[src$="google-play-icon.png"]{background:#dbe5f0;padding:9px;border-radius:12px!important}
.login-banner img[src$="mobile-app-banner.png"]{filter:drop-shadow(0 14px 16px #0005)}
.login-container>.cell:last-child{grid-column:1/-1}
.login-footer{margin:0;padding:8px 0 0;font-size:13px}
.login-footer a,.login-footer a:hover{color:#8998b3}
@media(max-width:991px){.login-container{grid-template-columns:1fr;max-width:620px;margin:0 auto}.login-header{max-width:620px;margin:auto;padding:32px 0 24px}.login-banner{min-height:0;padding-bottom:24px!important}.login-banner .row{margin:0}}
@media(max-width:480px){body>.container{padding:0 16px 28px}.login-header>h2{font-size:25px}.login-form-header{padding:26px 24px 8px}.login-form-header>h1{font-size:32px}.login-form .form{padding:16px 24px 26px}.login-info-link{padding:18px 24px;font-size:15px}.login-banner{padding:14px 8px 20px!important}.login-banner h4,.login-banner h5{font-size:19px}.login-container{gap:18px}.login-form,.login-banner{border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){.login-form .login-form-submit.btn{transition:none!important}}
.main-container>.row:first-child{margin:0}
.login-container>.cell:not(.login-error-message):not(.login-banner):not(:last-child){display:flex;flex-direction:column}
.login-form{display:flex;flex-direction:column;flex:1}
.login-form>.cell{float:none}
.login-form>.cell:last-child{margin-top:auto}
/* Phone installation guide; native store links, no automatic installation. */
.sd-mobile-app{display:none}
@media(max-width:991px){
  .sd-mobile-app{display:block;max-width:620px;margin:0 auto 24px;padding:26px 24px;background:linear-gradient(140deg,#1d3343,#19243a);border:1px solid #3d5c70;border-radius:24px!important;color:#c4d2e2;box-shadow:0 18px 48px #0002}
  .sd-mobile-app-eyebrow{margin:0 0 10px;color:#a8d9d0;font-size:12px;letter-spacing:1.1px;text-transform:uppercase}
  .sd-mobile-app h2{margin:0 0 12px;color:#f1f5fb;font:600 26px/1.25 RobotoRegular,Arial,sans-serif;letter-spacing:-.5px}
  .sd-mobile-app-intro{margin:0 0 24px;font-size:15px;line-height:1.6}
  .sd-mobile-app-steps{margin:0;padding:0;list-style:none;counter-reset:app-steps}
  .sd-mobile-app-steps>li{position:relative;margin:0 0 24px;padding-left:40px;counter-increment:app-steps;font-size:14px;line-height:1.6}
  .sd-mobile-app-steps>li:before{content:counter(app-steps);position:absolute;left:0;top:0;width:28px;height:28px;background:#344b60;border:1px solid #55738a;border-radius:50%!important;color:#e2f2fa;text-align:center;font-size:13px;line-height:26px}
  .sd-mobile-app-steps strong{display:block;margin-bottom:6px;color:#edf3fa;font-size:15px;font-weight:500}
  .sd-mobile-app-steps>li>span{display:block}
  .sd-mobile-app-stores{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
  html body .sd-mobile-app-store{flex:1;min-width:100px;padding:10px 12px;background:#293d54;color:#f0f4fc!important;border:1px solid #52667f!important;border-radius:12px!important;text-decoration:none;font-size:14px;line-height:1.4;font-weight:500;text-align:center}
  .sd-mobile-app-store span{display:block;font-size:11px;color:#bbcbe0;font-weight:400;margin-top:3px}
  html body .sd-mobile-app-store:hover{background:#364d68}
  .sd-mobile-app-url{margin:12px 0 8px;padding:12px 14px;background:#0d1a2b;border:1px solid #729aaf;border-radius:12px!important}
  .sd-mobile-app-url>span{display:block;color:#a8bed1;font-size:11px;letter-spacing:1px;margin-bottom:3px}
  .sd-mobile-app-url code{display:block;padding:0;background:transparent;color:#cff3e9;font:600 21px/1.5 RobotoRegular,Arial,sans-serif;white-space:nowrap;user-select:all}
  .sd-mobile-app-hint{font-size:12px;color:#9db3c8}
  html body .sd-mobile-app-browser{display:block;border-top:1px solid #3d526a!important;padding-top:18px;color:#c8d9ed!important;text-decoration:none;font-size:14px;text-align:center}
  .sd-mobile-app-browser span{padding-left:6px}
  .sd-mobile-app a:focus-visible{outline:2px solid #c1ddec!important;outline-offset:3px}
  .login-banner{display:none}
  #sibdata-browser-login{scroll-margin-top:20px}
}
@media(max-width:380px){.sd-mobile-app{padding:24px 20px}.sd-mobile-app h2{font-size:24px}.sd-mobile-app-steps>li{padding-left:36px}.sd-mobile-app-url code{font-size:20px}}
@media(max-width:991px){html body .sd-mobile-app-browser{text-align:left;padding-right:56px}}
.sd-app-video{margin:0 0 24px;padding:16px 18px;background:#122034;border:1px solid #415972;border-radius:14px!important;color:#d5e6f5}
.sd-app-video summary{cursor:pointer;font-size:15px;line-height:1.6;font-weight:500}
.sd-app-video summary span{display:block;margin-left:18px;color:#a4b9ce;font-size:12px;font-weight:400}
.sd-app-video summary:focus-visible{outline:2px solid #bedbdf;outline-offset:4px}
.sd-app-video video{display:block;width:100%;max-width:360px;max-height:70vh;margin:18px auto 0;background:#0a1021;border-radius:12px!important;object-fit:contain}
.sd-app-video>p{font-size:12px;line-height:1.5;color:#9db3ca;margin:12px 0 0}
.sd-desktop-app-video{max-width:544px;margin:0 0 18px}
@media(max-width:991px){.sd-desktop-app-video{display:none}.sd-mobile-app .sd-app-video{padding:14px 12px}.sd-mobile-app .sd-app-video summary{font-size:14px}}
