/* sign-in / sign-up page posters (cgn-welcome.js) */
.auth-split{width:100%;max-width:1140px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:28px;align-items:stretch;margin:0 auto}
.auth-split .auth-card{max-width:none;align-self:center}
.wl-hero{position:relative;min-height:600px;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);
  display:flex;flex-direction:column;background:#0a1c42;color:#fff;isolation:isolate}
.wl-slides{position:relative;flex:1;min-height:0}
.wl-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 7s ease;visibility:hidden}
.wl-slide.on{opacity:1;transform:scale(1);visibility:visible}
.wl-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,40,.15) 0%,rgba(7,16,40,.05) 35%,rgba(7,16,40,.72) 72%,rgba(7,16,40,.92) 100%)}
.wl-cross{position:absolute;right:7%;top:9%;width:min(22%,150px);height:auto;filter:drop-shadow(0 0 18px rgba(255,214,120,.55));opacity:.92}
.wl-copy{position:absolute;left:0;right:0;bottom:0;padding:30px 34px 22px;display:flex;flex-direction:column;gap:10px}
.wl-brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.3px;font-size:14px;text-transform:uppercase;opacity:.95}
.wl-brand img{width:34px;height:34px;border-radius:10px;background:#fff;padding:2px;box-shadow:0 0 0 2px #ffd25e}
.wl-title{margin:0;font-size:clamp(26px,3.2vw,40px);line-height:1.1;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.wl-sub{margin:0;font-size:16px;line-height:1.45;color:#e6ecff;max-width:520px}
.wl-verse{margin:8px 0 0;padding:14px 16px;border-left:4px solid #ffd25e;background:rgba(10,20,50,.45);border-radius:0 14px 14px 0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);max-width:600px}
.wl-verse[hidden]{display:none}
.wl-vt{margin:0;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:17px;line-height:1.5;color:#fffaf0}
.wl-vr{display:block;margin-top:6px;font-style:normal;font-weight:700;font-size:13px;color:#ffd25e}
.wl-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:rgba(7,16,40,.92)}
.wl-dots{display:flex;gap:0;align-items:center}
/* each dot is a 22×32 touch target; the visible pill is drawn inside it */
.wl-dot{width:22px;height:32px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center;border-radius:8px;transition:width .25s}
.wl-dot::before{content:"";width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.45);transition:width .25s,background .25s}
.wl-dot.on{width:34px}
.wl-dot.on::before{width:24px;background:#ffd25e}
.wl-nav{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.wl-nav:hover,.wl-nav:focus-visible,.wl-dot:focus-visible,.wl-join:focus-visible{outline:2px solid #ffd25e;outline-offset:2px;background:rgba(255,255,255,.18)}
.wl-pause{font-size:11px;margin-left:6px}
.wl-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 16px;background:rgba(7,16,40,.92)}
.wl-chips{display:flex;flex-wrap:wrap;gap:8px}
.wl-chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#e6ecff}
.wl-join{border:0;border-radius:12px;padding:12px 18px;font-weight:800;font-size:14.5px;line-height:1.2;font-family:inherit;color:#1b1300;cursor:pointer;background:linear-gradient(135deg,#ffd25e,#f5b301);box-shadow:0 8px 20px rgba(245,179,1,.35)}
.wl-join:hover{filter:brightness(1.05)}
@media (prefers-reduced-motion: reduce){.wl-slide{transition:none;transform:none}}
/* tablets and phones: posters on top, account card below */
@media (max-width:980px){
  .auth-overlay{place-items:start center !important}
  .auth-split{grid-template-columns:1fr;gap:16px;max-width:560px}
  .wl-hero{min-height:0;height:auto}
  .wl-slides{height:clamp(330px,82vw,430px);flex:none}
  .wl-copy{padding:20px 20px 16px;gap:8px}
  .wl-sub{font-size:14.5px}
  .wl-vt{font-size:15px}
  .wl-verse{padding:11px 13px}
  .wl-foot{justify-content:center}
  .wl-join{width:100%}
}
@media (max-width:420px){
  .wl-slides{height:400px}
  .wl-title{font-size:25px}
  .wl-chips{justify-content:center}
  .wl-chip{font-size:12px;padding:5px 9px}
  .wl-cross{width:80px;top:7%;right:6%}
}