/*! RS PAY v119 – split-screen merchant login (banner left, card right). Pure CSS, no inline styles (CSP style-src 'self'). */
.ls{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.ls .wrap{flex:1;min-height:auto}
.ls-banner{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:radial-gradient(110% 70% at 0% 0%,color-mix(in srgb,var(--brand-secondary,#433cc3) 70%,transparent) 0%,transparent 60%),
  radial-gradient(90% 60% at 100% 100%,color-mix(in srgb,var(--brand-accent,#cd1879) 75%,transparent) 0%,transparent 60%),
  radial-gradient(60% 50% at 80% 20%,color-mix(in srgb,var(--brand-primary,#da7adc) 45%,transparent) 0%,transparent 70%),
  linear-gradient(160deg,#0d0a24 0%,#171036 50%,#240c37 100%)}
.ls-img{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .8s ease,transform 1.6s ease}
.ls-banner.has-img .ls-img{opacity:1;transform:none}
.ls-ov{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,30,.30) 0%,rgba(10,8,30,.15) 35%,rgba(10,8,30,.78) 78%,rgba(10,8,30,.92) 100%),linear-gradient(90deg,rgba(10,8,30,.35),transparent 60%)}
.ls-banner.has-img .ls-art{display:none}
.ls-top{display:flex;align-items:center;gap:12px;padding:22px 22px 0}
.ls-logo{width:42px;height:42px;padding:5px;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.ls-name{font-size:1.15rem;letter-spacing:-.01em}
.ls-copy{padding:14px 22px 20px}
.ls-title{margin:0 0 6px;font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#fff}
.ls-sub{margin:0;color:rgba(255,255,255,.78);font-size:.86rem;line-height:1.5;max-width:520px}
.ls-pts{display:none;list-style:none;margin:18px 0 0;padding:0;gap:10px 22px;flex-wrap:wrap}
.ls-pts li{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.9)}
.ls-pts li::before{content:"";width:16px;height:16px;border-radius:50%;flex:0 0 16px;background:linear-gradient(135deg,var(--brand-primary,#da7adc),var(--brand-accent,#cd1879));box-shadow:0 0 0 3px rgba(255,255,255,.08);
  -webkit-mask:radial-gradient(circle,#000 99%,transparent 0);mask:radial-gradient(circle,#000 99%,transparent 0)}
.ls-art{display:none}
/* right side card – premium glass */
.ls .card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 30px 70px -28px rgba(67,60,195,.38),0 12px 30px -18px rgba(205,24,121,.25)}
.ls .card h2{font-size:1.6rem;font-weight:700;letter-spacing:-.025em}
.ls .btn.primary{background:linear-gradient(135deg,var(--brand-primary,#da7adc) 0%,var(--brand-accent,#cd1879) 45%,var(--brand-secondary,#433cc3) 100%);background-size:180% 100%;background-position:0 0;transition:background-position .45s ease,transform .1s,box-shadow .2s}
.ls .btn.primary:hover{background-position:100% 0}
.ls .input:focus-within,.ls .boxes input:focus{border-color:var(--brand-primary,#da7adc);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand-primary,#da7adc) 22%,transparent)}
.ls .alert.info{background:color-mix(in srgb,var(--brand-primary,#da7adc) 10%,transparent);border-color:color-mix(in srgb,var(--brand-primary,#da7adc) 35%,transparent);color:color-mix(in srgb,var(--brand-primary,#da7adc) 60%,#3b0a45)}
/* dashboard fallback view: no banner */
.ls:has(#dash:not([hidden])) .ls-banner{display:none}
@media (prefers-color-scheme:dark){.ls .card{background:rgba(17,24,39,.72);border-color:rgba(255,255,255,.08)}}
/* mobile: banner becomes a top strip */
@media (max-width:991.98px){
  .ls-banner{min-height:150px;border-radius:0 0 26px 26px;box-shadow:0 18px 40px -24px rgba(23,16,54,.7)}
  .ls-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .ls .wrap{align-items:flex-start;margin-top:-14px}
}
@media (max-width:420px){.ls-sub{display:none}.ls-banner{min-height:118px}.ls-title{font-size:1.1rem}}
/* desktop: 50/50 split */
@media (min-width:992px){
  .ls{flex-direction:row}
  .ls-banner{flex:0 0 50%;max-width:50%;height:100vh;height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;justify-content:space-between}
  .ls-top{padding:34px 44px 0}
  .ls-copy{padding:0 44px 46px}
  .ls-title{font-size:2.35rem;margin-bottom:12px}
  .ls-sub{font-size:1rem;color:rgba(255,255,255,.8)}
  .ls-pts{display:flex}
  .ls .wrap{flex:0 0 50%;max-width:50%;min-height:100vh;min-height:100dvh;padding:40px 48px;
    background:radial-gradient(60% 50% at 100% 0%,color-mix(in srgb,var(--brand-primary,#da7adc) 16%,transparent),transparent 70%),radial-gradient(50% 45% at 0% 100%,color-mix(in srgb,var(--brand-secondary,#433cc3) 12%,transparent),transparent 70%),#f7f6fb}
  .bg{display:none}
  .ls .card{max-width:440px;padding:40px 38px}
  .ls-art{display:block;position:relative;flex:1;margin:10px 44px}
  .ls-glass{position:absolute;display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;color:#fff;
    background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 24px 50px -20px rgba(0,0,0,.6);animation:lsfloat 9s ease-in-out infinite}
  .ls-glass.g1{top:12%;left:4%;width:min(300px,58%)}
  .ls-glass.g2{top:44%;right:4%;flex-direction:row;align-items:center;gap:12px;animation-delay:-3s}
  .ls-glass.g3{top:64%;left:14%;width:min(280px,55%);animation-delay:-6s}
  .ls-k{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:600}
  .ls-v{font-size:1.65rem;font-weight:700;letter-spacing:-.02em}
  .ls-bar{display:block;height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
  .ls-bar i{display:block;height:100%;width:72%;border-radius:6px;background:linear-gradient(90deg,var(--brand-primary,#da7adc),var(--brand-accent,#cd1879))}
  .ls-s{font-size:.75rem;color:rgba(255,255,255,.7)}
  .ls-dot{width:34px;height:34px;border-radius:50%;flex:0 0 34px;background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 0 0 6px rgba(52,211,153,.15)}
  .ls-glass.g2 b{display:block;font-size:.92rem}.ls-glass.g2 small{display:block;font-size:.75rem;color:rgba(255,255,255,.72)}
  .ls-tags{display:flex;flex-wrap:wrap;gap:6px}
  .ls-tags i{font-style:normal;font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
}
@media (min-width:1400px){.ls-title{font-size:2.7rem}.ls-copy{padding:0 64px 56px}.ls-top{padding:40px 64px 0}.ls-art{margin:10px 64px}}
@keyframes lsfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.ls-glass,.ls-img{animation:none!important;transition:none!important}}