/* Confirmed Join/Login UI refinements — UI only */
.d4-auth-header .brand{display:inline-flex!important;gap:8px!important;align-items:center!important}
.d4-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid #cfe3f4!important;background:#fff!important;color:#2c69a7!important;font-weight:800!important;font-size:11px!important;box-shadow:0 6px 16px rgba(41,101,161,.07)!important;transition:.18s ease!important}
.d4-back:hover{background:#edf7ff!important;color:#225f9f!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px rgba(41,101,161,.11)!important}
.join-steps-final{display:none}
.d4-auth-shell.register-active .d4-auth-art-copy,.d4-auth-shell.register-active .d4-auth-art>img,.d4-auth-shell.register-active .d4-auth-story{display:none!important}
.d4-auth-shell.register-active .d4-auth-art{padding:34px!important;background:linear-gradient(150deg,#f8fcff,#edf7ff)!important;align-self:stretch!important;min-height:100%!important;display:block!important}
.d4-auth-shell.register-active .join-steps-final{display:block!important}
.join-steps-final h2{margin:0 0 6px!important;color:#245f9e!important;font-size:30px!important;line-height:1.12!important;letter-spacing:-.8px!important}.join-steps-final>p{margin:0 0 24px!important;color:#7188a0!important;font-size:12px!important;line-height:1.6!important}
.join-step{display:grid!important;grid-template-columns:44px 1fr!important;gap:13px!important;align-items:start!important;padding:16px!important;margin-bottom:12px!important;border:1px solid #dcebf6!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 24px rgba(44,100,154,.06)!important}.join-step .n{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#3f87cb,#65a8df);color:#fff;font-weight:900;font-size:16px}.join-step b{display:block;color:#2a6098;font-size:13px;margin:2px 0 4px}.join-step small{display:block;color:#758ba1;font-size:10px;line-height:1.5}
.d4-auth-shell.register-active{grid-template-columns:43% 57%!important;align-items:stretch!important}.d4-auth-shell.register-active .d4-auth-panel{align-self:stretch!important}.d4-auth-shell.register-active .d4-auth-panel-inner{margin:0 auto!important}
@media(max-width:980px){.d4-auth-shell.register-active{grid-template-columns:1fr!important}.d4-auth-shell.register-active .d4-auth-art{padding:26px!important}.join-steps-final{max-width:700px;margin:0 auto}.join-step{grid-template-columns:40px 1fr!important}}
@media(max-width:560px){.d4-auth-header{gap:10px!important}.d4-back{min-height:34px!important;padding:0 10px!important;font-size:9px!important}.d4-auth-shell.register-active .d4-auth-art{padding:20px 14px!important}.join-steps-final h2{font-size:25px!important}.join-step{padding:13px!important}.join-step .n{width:36px;height:36px;font-size:14px}.join-step b{font-size:12px}.join-step small{font-size:9px}}

/* === 2026-09-16 JOIN NOW THREE-VISUAL CONTENT + LIGHT BLUE FIX === */
.d4-auth-shell.register-active .join-steps-final{
  height:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
}
.d4-auth-shell.register-active .join-steps-final>p{margin-bottom:18px!important}
.join-visual-stack{
  display:grid;
  grid-template-rows:repeat(3,minmax(250px,1fr));
  gap:18px;
  flex:1 1 auto;
  min-height:860px;
}
.join-visual-card{
  margin:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d8e7f3;
  border-radius:18px;
  background:#ffffff;
  box-shadow:0 12px 30px rgba(47,105,161,.08);
  min-height:0;
}
.join-visual-card img{
  width:100%!important;
  height:186px!important;
  max-height:none!important;
  min-height:186px;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  display:block!important;
  padding:8px;
  background:linear-gradient(180deg,#f7fbff 0%,#eef7ff 100%);
}
.join-visual-card figcaption{
  position:static;
  left:auto;
  right:auto;
  bottom:auto;
  margin:0;
  padding:12px 14px 14px;
  border-top:1px solid #e3eff8;
  background:#fff;
  box-shadow:none;
  backdrop-filter:none;
}
.join-visual-card figcaption b{display:block;color:#2a639d;font-size:12px;line-height:1.3;margin-bottom:4px}
.join-visual-card figcaption span{display:block;color:#6d859d;font-size:9.6px;line-height:1.48}
.join-visual-card.visual-stage-1 img{background:linear-gradient(180deg,#eef7ff 0%,#e6f2ff 100%)}
.join-visual-card.visual-stage-2 img{background:linear-gradient(180deg,#f7fbff 0%,#edf6ff 100%)}
.join-visual-card.visual-stage-3 img{background:linear-gradient(180deg,#f8fcff 0%,#eef7ff 100%)}
@media(max-width:980px){
  .d4-auth-shell.register-active .join-steps-final{height:auto!important;min-height:0!important}
  .join-visual-stack{min-height:0;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .join-visual-card img{height:150px!important;min-height:150px;padding:6px}
  .join-visual-card figcaption{padding:10px 10px 12px}
  .join-visual-card figcaption b{font-size:10.5px}
  .join-visual-card figcaption span{font-size:8.4px}
}
@media(max-width:680px){
  .join-visual-stack{grid-template-columns:1fr;gap:12px}
  .join-visual-card img{height:205px!important;min-height:205px;padding:8px}
  .join-visual-card figcaption b{font-size:11px}
  .join-visual-card figcaption span{font-size:9px}
}
@media(max-width:420px){
  .join-visual-card img{height:182px!important;min-height:182px;padding:6px}
}


/* === APPROVED JOIN-NOW CARD ART FINAL OVERRIDE — 2026-09-16 === */
.d4-auth-shell.register-active .join-visual-stack{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto auto!important;
  gap:18px!important;
  min-height:0!important;
  flex:0 0 auto!important;
}
.d4-auth-shell.register-active .join-visual-card{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f7fbff!important;
  border:1px solid #d9e9f5!important;
  border-radius:18px!important;
}
.d4-auth-shell.register-active .join-visual-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f7fbff!important;
  filter:none!important;
}
.d4-auth-shell.register-active .join-visual-card figcaption{display:none!important}
@media(max-width:980px){
  .d4-auth-shell.register-active .join-visual-stack{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .d4-auth-shell.register-active .join-visual-card img{width:100%!important;height:auto!important;min-height:0!important}
}
@media(max-width:680px){
  .d4-auth-shell.register-active .join-visual-stack{grid-template-columns:1fr!important;gap:12px!important}
}