/*10302026 start pat LoginGroup*/
[x-cloak]{display:none!important}
.lg-page{display:flex;min-height:100vh;background:var(--c-page,#e3eeff)}
.lg-th{position:fixed;top:1rem;right:1rem;z-index:50}
.lg-shell{flex:1;display:flex;flex-direction:column}
.lg-brand{position:relative;overflow:hidden;flex:none;padding:1.1rem 1.5rem;border-radius:0 0 1.75rem 1.75rem;color:#f1f5ff;background:linear-gradient(160deg,#3a5fa8,#2b4682)}
.lg-brand-body{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem}
.lg-bsm{width:2.5rem;height:2.5rem;border-radius:.85rem;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.lg-bsm svg{width:1.3rem;height:1.3rem}
.lg-bh{margin:0;font-size:1.25rem;font-weight:700;color:#fff}
.lg-brand-note,.lg-dots{display:none}
.lg-main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem 2.5rem;background:radial-gradient(circle at 85% 8%,color-mix(in srgb,var(--c-accent,#3b82f6) 22%,transparent),transparent 45%),radial-gradient(circle at 70% 100%,color-mix(in srgb,var(--c-accent,#3b82f6) 18%,transparent),transparent 50%),linear-gradient(135deg,var(--c-page,#e3eeff),var(--c-page2,#d5dcff))}
.lg-panel{position:relative;width:100%;max-width:30rem;text-align:center}
.lg-badge{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,#3a5fa8,#2b4682);box-shadow:0 10px 24px -8px rgba(52,86,156,.6)}
.lg-badge svg{width:1.6rem;height:1.6rem}
.lg-title{margin:0 0 .4rem;font-size:1.9rem;font-weight:800;line-height:1.15;color:var(--c-text-strong,#111827);text-wrap:balance}
.lg-sub{margin:0 0 1.5rem;font-size:1rem;color:var(--c-muted,#6b7280)}
.lg-card{text-align:left;padding:1.5rem;border:1px solid var(--c-border,#dbeafe);border-radius:1.75rem;background:var(--c-card,#fff);box-shadow:0 18px 38px -22px var(--c-shadow,rgba(37,99,235,.25)),inset 0 1px 0 rgba(255,255,255,.7)}
.lg-t{transition:opacity .45s ease,transform .5s var(--mo-spring,cubic-bezier(.34,1.56,.64,1))}
.lg-t0{opacity:0;transform:translateY(.6rem)}
.lg-t1{opacity:1;transform:none}
.lg-formwrap .space-y-6>:not([hidden])~:not([hidden]){margin-top:1.25rem!important}
.lg-formwrap label{font-size:.95rem;font-weight:600;color:var(--c-text,#1f2937)}
.lg-formwrap input{background:var(--c-inset,#f8fbff);color:var(--c-text-strong,#111827);border-width:1.5px;border-color:var(--c-input-border,#cbd5e1);border-radius:1rem;padding-top:.95rem;padding-bottom:.95rem;font-size:1.05rem;transition:box-shadow .3s ease,border-color .2s}
.lg-formwrap input:focus{border-color:var(--c-accent,#3b82f6);box-shadow:0 0 0 4px color-mix(in srgb,var(--c-accent,#3b82f6) 24%,transparent)}
.lg-formwrap .relative>.absolute.inset-y-0{z-index:1}
.lg-formwrap .relative svg{color:var(--c-muted,#6b7280)}
.lg-formwrap .bt-lg{min-height:3.4rem;font-size:1.05rem;font-weight:600;border-radius:999px;box-shadow:0 10px 20px -10px rgba(52,86,156,.55);transition:transform .25s var(--mo-spring,cubic-bezier(.34,1.56,.64,1)),background .2s}
.lg-formwrap .lg-signin{position:relative;display:flex;align-items:center;justify-content:center}
.lg-formwrap .lg-signin>svg{position:absolute;left:1.25rem;width:1.25rem;height:1.25rem}
.lg-formwrap .bt-pri:hover{transform:translateY(-2px)}
.lg-formwrap .bt-pri:active{transform:scale(.98)}
.lg-formwrap .bt-pri:disabled{opacity:.85;cursor:wait}
.lg-caps{margin-top:.4rem!important;font-size:.85rem;color:#b45309}
.lg-busy{display:inline-flex;align-items:center}
.lg-spin{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid currentColor;border-right-color:transparent;border-radius:9999px}
.lg-or{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1.25rem;font-size:.95rem;color:var(--c-muted,#6b7280)}
.lg-or:before,.lg-or:after{content:"";flex:1;height:1px;background:var(--c-border,#dbeafe)}
.lg-reg{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:3.1rem;border:1.5px solid var(--c-line-blue,#bfdbfe);border-radius:999px;background:transparent;font:inherit;font-weight:600;color:var(--c-text,#1f2937);cursor:pointer;transition:border-color .2s,background-color .2s,transform .25s var(--mo-spring,cubic-bezier(.34,1.56,.64,1))}
.lg-reg svg{width:1.1rem;height:1.1rem}
.lg-reg:hover{border-color:var(--c-accent-tx,#2563eb);background:var(--c-tint,#eff6ff);transform:translateY(-1px)}
.lg-roles{display:grid;gap:.8rem}
.lg-roles .lg-role.sq-act{display:flex;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1.5px solid var(--c-line-blue,#bfdbfe);border-radius:1rem!important;background-color:var(--c-card,#fff);text-decoration:none}
.lg-roles .lg-role.sq-act:hover{border-color:var(--c-accent-tx,#2563eb);background-color:var(--c-tint,#eff6ff)}
.lg-role-ic{width:3rem;height:3rem;border-radius:.75rem!important;display:flex;align-items:center;justify-content:center;flex:none;background:var(--c-chip-bg,#dbeafe);color:var(--c-chip-text,#1d4ed8)}
.lg-role-ic svg{width:1.4rem;height:1.4rem}
.lg-role-tx{flex:1;min-width:0}
.lg-role-tx b{display:block;font-size:1.05rem;font-weight:700;color:var(--c-text-strong,#111827)}
.lg-role-tx small{display:block;margin-top:.15rem;font-size:.9rem;line-height:1.4;color:var(--c-muted,#6b7280)}
.lg-role-go{flex:none;width:1.35rem;height:1.35rem;color:var(--c-accent-tx,#2563eb);transition:transform .35s var(--mo-spring,cubic-bezier(.34,1.56,.64,1))}
.lg-role:hover .lg-role-go{transform:translateX(.3rem)}
.lg-page .th-pill{background:rgba(255,255,255,.7);border-color:var(--c-border,#dbeafe);color:var(--c-text,#1f2937);box-shadow:none;backdrop-filter:blur(6px)}
html[data-theme=dark] .lg-page .th-pill{background:rgba(35,37,38,.6);border-color:#3d4144;color:var(--c-text,#ececec)}
.lg-tl{position:absolute;top:0;left:0;right:0;transition:opacity .18s ease,transform .18s ease}
.lg-tl0{opacity:0;transform:translateY(-.4rem)}
.lg-brand-body>:not(.lg-dots){animation:moPop .75s var(--mo-spring) backwards}
.lg-brand-body>:nth-child(1){animation-delay:.05s}
.lg-brand-body>:nth-child(2){animation-delay:.12s}
.lg-brand-body>:nth-child(3){animation-delay:.19s}
.lg-dots li{animation:moPop .75s var(--mo-spring) backwards}
.lg-dots li:nth-child(1){animation-delay:.28s}
.lg-dots li:nth-child(2){animation-delay:.36s}
.lg-dots li:nth-child(3){animation-delay:.44s}
.lg-badge{animation:moPop .75s var(--mo-spring) .05s backwards}
.lg-title{animation:moPop .75s var(--mo-spring) .12s backwards}
.lg-sub{animation:moPop .75s var(--mo-spring) .18s backwards}
.lg-card{animation:moPop .75s var(--mo-spring) .24s backwards}
html[data-theme=dark] .lg-card{border-color:#4a4f54;box-shadow:0 18px 38px -22px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08)}
.lg-formwrap label{transition:color .2s}
.lg-formwrap .mo-pop:focus-within>label{color:var(--c-accent-tx,#2563eb)}
.lg-formwrap .relative svg{transition:color .2s}
.lg-formwrap .relative:focus-within svg{color:var(--c-accent-tx,#2563eb)}
.lg-formwrap .lg-signin>svg{transition:transform .3s var(--mo-spring)}
.lg-formwrap .lg-signin:hover>svg{transform:translateX(4px)}
.lg-reg svg{transition:transform .35s var(--mo-spring)}
.lg-reg:hover svg{transform:rotate(90deg)}
@media(min-width:640px){
.lg-card{padding:2rem}
}
@media(min-width:1024px){
.lg-shell{flex-direction:row}
.lg-brand{display:flex;align-items:center;justify-content:center;flex:0 0 46%;padding:3rem 4rem;border-radius:0 3rem 3rem 0}
.lg-brand:after{content:"";position:absolute;left:34%;bottom:-9rem;width:26rem;height:26rem;border-radius:50%;background:rgba(255,255,255,.07);animation:moDrift 9s ease-in-out infinite}
.lg-brand-body{flex-direction:column;align-items:flex-start;gap:0;width:100%;max-width:30rem}
.lg-bsm{width:4.25rem;height:4.25rem;margin-bottom:1.75rem;border-radius:1.15rem;background:rgba(255,255,255,.2);box-shadow:0 0 0 6px rgba(255,255,255,.08),0 12px 30px -10px rgba(255,255,255,.35),inset 0 1px 0 rgba(255,255,255,.35)}
.lg-bsm svg{width:2rem;height:2rem}
.lg-bh{font-size:3.25rem;letter-spacing:-.02em;line-height:1.05}
.lg-brand-note{display:block;margin:1.5rem 0 0;max-width:28rem;font-size:1.2rem;line-height:1.65;color:rgba(241,245,255,.95)}
.lg-dots{display:grid;gap:.75rem;width:100%;margin:2.25rem 0 0;padding:2rem 0 0;border-top:1px solid rgba(255,255,255,.16);list-style:none}
.lg-dots li{display:flex;align-items:center;gap:.9rem;padding:.7rem 1rem;border-radius:.9rem;background:rgba(255,255,255,.08);font-size:1.05rem;font-weight:600;color:#f1f5ff}
.lg-dots li:before{display:none}
.lg-ck{display:flex;align-items:center;justify-content:center;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(147,197,253,.28);color:#dbeafe}
.lg-ck svg{width:.85rem;height:.85rem}
.lg-bh span{color:#bfdbfe}
.lg-brand-body:before{content:"";position:absolute;left:-3rem;top:12%;width:24rem;height:15rem;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent);pointer-events:none;z-index:-1}
.lg-main{padding:2rem 3rem}
.lg-title{font-size:2.25rem}
}
@media (prefers-reduced-motion:reduce){.lg-formwrap input,.lg-formwrap .bt-lg,.lg-reg,.lg-role-go,.lg-t,.lg-tl,.lg-reg svg,.lg-formwrap .lg-signin>svg{transition:none!important;transform:none!important}.lg-brand:after,.lg-brand-body>*,.lg-dots li,.lg-badge,.lg-title,.lg-sub,.lg-card{animation:none!important}}
/*11102026 end pat LoginGroup*/