/* Sobat Transum v59: account entry using existing brand/theme tokens. */
.st-auth-screen[hidden],.st-auth-scene[hidden]{display:none!important}
.st-auth-screen{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:clamp(12px,3vw,38px);background:#eef3f9f5;color:var(--st-ui-text,#172329);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-y:auto;overscroll-behavior:contain}
.st-auth-layout{width:min(1060px,100%);min-height:615px;display:grid;grid-template-columns:1.04fr .96fr;background:var(--st-ui-surface,#fff);border:1px solid var(--st-ui-border,#dce5ef);border-radius:28px;box-shadow:0 26px 90px #0b244035;overflow:hidden}
.st-auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:39px;overflow:hidden;background:linear-gradient(143deg,#102052 5%,#173d79 67%,#155d9d 100%);color:#fff;isolation:isolate}
.st-auth-showcase:before{content:"";position:absolute;z-index:-1;width:520px;height:520px;border-radius:50%;border:90px solid #ffffff09;left:30%;bottom:-38%}
.st-auth-showcase:after{content:"";position:absolute;z-index:-1;height:5px;width:135%;left:-12%;top:67%;background:linear-gradient(90deg,transparent,#25c9bf,#148ff5,#ef5c64,transparent);transform:rotate(-28deg);box-shadow:0 19px 0 #ffffff11}
.st-auth-showcase .st-auth-brand-logo{display:block;width:min(244px,90%);height:54px;object-fit:contain;object-position:left center}
.st-auth-tagline{max-width:380px;margin:auto 0;padding:38px 0 42px}
.st-auth-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#aaddff}
.st-auth-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#27cdbf;box-shadow:0 0 0 5px #27cdbf26}
.st-auth-tagline h1{font-size:clamp(31px,3vw,45px);line-height:1.11;letter-spacing:-1.8px;margin:18px 0 17px;font-weight:850}
.st-auth-tagline h1 span{color:#87d3ff}.st-auth-tagline p{font-size:13px;line-height:1.8;color:#c7d7ef;max-width:320px;margin:0}
.st-auth-route-labels{display:flex;gap:8px;flex-wrap:wrap}.st-auth-route-labels span{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #ffffff27;border-radius:11px;background:#ffffff12;color:#edf7ff;font-weight:740;font-size:11px;backdrop-filter:blur(8px)}.st-auth-route-labels i{width:7px;height:7px;border-radius:50%;background:#24c9c4}.st-auth-route-labels span:nth-child(2) i{background:#e05b64}.st-auth-route-labels span:nth-child(3) i{background:#e5aa33}.st-auth-route-labels span:nth-child(4) i{background:#76baff}
.st-auth-form-side{position:relative;display:flex;flex-direction:column;padding:25px clamp(24px,4vw,55px) 22px;background:var(--st-ui-surface,#fff);min-width:0}
.st-auth-top{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:34px}.st-auth-demo-label{font-size:9px;font-weight:850;letter-spacing:.09em;color:var(--st-ui-blue-text,#105392);background:var(--st-ui-soft,#eef6ff);border:1px solid var(--st-ui-border,#dce5ef);border-radius:999px;padding:9px 10px}
.st-auth-lightmark{display:none;align-items:center;gap:8px;color:var(--st-ui-text,#172329);font-weight:800;font-size:13px}.st-auth-lightmark img{height:35px;width:35px;object-fit:contain}
.st-auth-scene{flex:1;display:flex;flex-direction:column;justify-content:center;animation:st-auth-in .25s ease both}.st-auth-scene h2{font-size:clamp(25px,2.5vw,31px);font-weight:850;letter-spacing:-1px;line-height:1.2;margin:15px 0 9px;color:var(--st-ui-text,#172329)}
.st-auth-scene .st-auth-intro{font-size:12px;line-height:1.7;margin:0 0 26px;color:var(--st-ui-muted,#536581)}.st-auth-kicker{font-size:9px;font-weight:850;letter-spacing:.12em;color:var(--st-ui-blue-text,#105392)}
.st-auth-field{margin-bottom:14px}.st-auth-field-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:7px}.st-auth-field label{display:block;font-size:11px;font-weight:760;color:var(--st-ui-text,#172329)}
.st-auth-input-wrap{display:flex;align-items:center;min-height:46px;border:1px solid var(--st-ui-border,#dce5ef);border-radius:12px;background:var(--st-ui-input,#fbfcff);transition:border-color .18s,box-shadow .18s}.st-auth-input-wrap:focus-within{border-color:var(--st-ui-blue,#148ff5);box-shadow:0 0 0 3px #148ff51c}.st-auth-input-wrap.is-error{border-color:#e4777d}
.st-auth-field .st-auth-input-icon{flex:none;width:38px;text-align:center;color:var(--st-ui-muted,#536581);font-size:15px;opacity:.75}
.st-auth-input-wrap input{border:none;outline:none;min-width:0;flex:1;background:transparent;padding:12px 8px 12px 0;font:inherit;font-size:12px;color:var(--st-ui-text,#172329);width:100%}.st-auth-input-wrap input::placeholder{color:#a1aebd}
.st-auth-plain-btn{border:0;background:transparent;color:var(--st-ui-blue-text,#105392);font-size:10px;font-weight:770;padding:6px 8px;border-radius:7px}.st-auth-plain-btn:hover{background:var(--st-ui-soft,#eef6ff)}.st-auth-show-pass{margin-right:5px}
.st-auth-error{display:block;min-height:10px;margin:5px 0 0;color:#d95360;font-size:10px;font-weight:650}
.st-auth-primary{width:100%;min-height:47px;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:12px;background:#102052;color:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 18px #10205224;transition:transform .17s,box-shadow .17s,background .17s}.st-auth-primary:hover{background:#183d7a;box-shadow:0 9px 24px #10205238;transform:translateY(-1px)}.st-auth-primary:active{transform:scale(.985)}.st-auth-primary:focus-visible,.st-auth-plain-btn:focus-visible,.st-auth-demo:focus-visible{outline:3px solid var(--st-ui-focus,#148ff5);outline-offset:2px}
.st-auth-or{display:flex;align-items:center;gap:10px;margin:20px 0;color:#99a8b9;font-size:10px}.st-auth-or:before,.st-auth-or:after{content:"";height:1px;background:var(--st-ui-border,#dce5ef);flex:1}
.st-auth-google{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-surface,#fff);color:var(--st-ui-text,#172329);border-radius:11px;font-weight:750;font-size:11px}.st-auth-google:hover{background:var(--st-ui-soft,#eef6ff)}.st-auth-google svg{width:17px;height:17px}
.st-auth-switch{text-align:center;font-size:11px;color:var(--st-ui-muted,#536581);margin:19px 0 0}.st-auth-demo{margin-top:12px;align-self:center;border:0;background:transparent;color:var(--st-ui-blue-text,#105392);padding:9px;font-size:11px;font-weight:760;text-decoration:underline;text-underline-offset:3px}
.st-auth-foot{padding-top:15px;text-align:center;color:#95a4b8;font-size:9px;line-height:1.6;border-top:1px solid var(--st-ui-border,#dce5ef)}
.st-auth-strength{margin:-3px 0 15px}.st-auth-strength-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.st-auth-strength-bars i{height:4px;background:var(--st-ui-border,#dce5ef);border-radius:99px}.st-auth-strength-bars i.fill{background:var(--strength-color,#148ff5)}.st-auth-strength-head{display:flex;justify-content:space-between;margin:7px 0;color:var(--st-ui-muted,#536581);font-size:10px}.st-auth-strength-head strong{color:var(--strength-color,#148ff5)}.st-auth-requirements{display:flex;gap:5px 12px;flex-wrap:wrap}.st-auth-requirements span{color:#9caabc;font-size:9px}.st-auth-requirements span.ok{color:#12a584}
.st-auth-check{display:flex;align-items:flex-start;gap:8px;margin:3px 0 18px;color:var(--st-ui-muted,#536581);font-size:10px;line-height:1.55}.st-auth-check input{accent-color:#148ff5;margin-top:2px}.st-auth-message{padding:14px;border:1px solid var(--st-ui-border,#dce5ef);background:var(--st-ui-soft,#eef6ff);border-radius:13px;font-size:12px;line-height:1.7;color:var(--st-ui-text,#172329);margin-bottom:17px}.st-auth-inline-notice{min-height:17px;font-size:10px;line-height:1.5;color:#d95360;margin-top:9px;text-align:center}
@keyframes st-auth-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
:root[data-theme="dark"] .st-auth-screen{background:#061224ef}:root[data-theme="dark"] .st-auth-primary{background:#148ff5;color:#fff}:root[data-theme="dark"] .st-auth-primary:hover{background:#327fd2}
/* Accessibility and touch-target polish: the same typographic rhythm on desktop/tablet/mobile. */
.st-auth-scene .st-auth-intro{font-size:13px}
.st-auth-field label{font-size:12px}
.st-auth-input-wrap{min-height:49px}
.st-auth-input-wrap input{font-size:15px}
.st-auth-plain-btn{font-size:12px;min-height:36px}
.st-auth-show-pass{min-width:54px;min-height:42px}
.st-auth-primary{min-height:49px;font-size:13px}
.st-auth-google{min-height:48px;font-size:12px}
.st-auth-switch{font-size:12px}
.st-auth-demo{min-height:44px;font-size:12px}
.st-auth-foot{font-size:10px}
.st-auth-check{font-size:12px}
.st-auth-check input{width:18px;height:18px;flex:none}
.st-auth-error{font-size:11px}
.st-auth-strength-bars i{height:6px}
.st-auth-strength-head{font-size:12px}
.st-auth-requirements{gap:8px 12px}
.st-auth-requirements span{font-size:11px}
.st-auth-google:focus-visible,.st-auth-input-wrap:focus-within,.st-auth-check input:focus-visible{outline-color:var(--st-ui-focus,#148ff5)}
.st-auth-scene h2:focus{outline:none}
@media(max-width:900px){
  .st-auth-screen{padding:0;align-items:stretch;background:var(--st-ui-surface,#fff)}
  .st-auth-layout{display:flex;flex-direction:column;min-height:100dvh;height:auto;width:100%;border:0;border-radius:0;box-shadow:none;overflow:visible}
  .st-auth-showcase{display:none}
  .st-auth-form-side{flex:0 0 auto;min-height:100dvh;width:100%;max-width:540px;margin-inline:auto;padding:calc(20px + env(safe-area-inset-top,0px)) clamp(20px,5vw,35px) calc(18px + env(safe-area-inset-bottom,0px))}
  .st-auth-lightmark{display:flex}
  .st-auth-top{align-items:center}
  .st-auth-demo-label{font-size:9px;padding:7px 9px;max-width:142px;text-align:center}
  .st-auth-scene{justify-content:center;padding:28px 0 24px}
  .st-auth-scene h2{font-size:clamp(25px,7vw,31px)}
  .st-auth-scene .st-auth-intro{font-size:14px;margin-bottom:23px}
  .st-auth-field label{font-size:13px}
  .st-auth-input-wrap{min-height:52px}
  .st-auth-input-wrap input{font-size:16px}
  .st-auth-primary{min-height:52px;font-size:14px}
  .st-auth-google{min-height:50px;font-size:13px}
  .st-auth-switch{font-size:13px}
  .st-auth-demo{font-size:12px}
  .st-auth-foot{margin-top:auto;font-size:10px}
  .st-auth-strength-head{font-size:12px}
  .st-auth-requirements span{font-size:11px}
}
@media(max-width:380px){
  .st-auth-form-side{padding-inline:20px}
  .st-auth-lightmark{font-size:12px}
  .st-auth-lightmark img{width:30px;height:30px}
  .st-auth-demo-label{font-size:8px;max-width:124px}
  .st-auth-scene{padding:20px 0}
  .st-auth-scene h2{font-size:25px}
  .st-auth-requirements{gap:7px}
}
@media(max-height:700px) and (max-width:900px){
  .st-auth-scene{justify-content:flex-start;padding-top:24px}
  .st-auth-form-side{min-height:100dvh}
  .st-auth-scene .st-auth-intro{margin-bottom:17px}
}
@media(max-height:750px) and (min-width:901px){.st-auth-screen{align-items:start}.st-auth-layout{min-height:580px}.st-auth-form-side{padding-top:15px;padding-bottom:10px}.st-auth-scene .st-auth-intro{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.st-auth-screen *{animation:none!important;transition:none!important}}