/* Match the selected community artwork and layout of the sign-in window. */
#pnlGate {
  padding:24px 20px;
  background:linear-gradient(180deg,#05090d80,#05090dc9),url('/assets/hero-poster.webp?v=3') center/cover no-repeat,#05090d;
}
#pnlGate .pnl-gate__box {
  max-width:520px;padding:24px 36px 22px;overflow:hidden;
  border-radius:22px;border-color:#ceb17b45;background:#0c171c;
  box-shadow:inset 0 1px #fff1,0 24px 80px #0008;
}
#pnlGate .pnl-gate__box::before {
  content:'';position:absolute;z-index:-1;pointer-events:none;inset:52px 0 auto;height:auto;
  aspect-ratio:1536/1024;border-radius:0;
  background:linear-gradient(180deg,#0c171c 0%,#0c171c00 16%,#0c171c00 55%,#0c171c 100%),
    url('/assets/registration-selected-20260930.webp') center/cover no-repeat;
}
#pnlGate .pnl-gate__masthead { margin:0 0 166px; }
#pnlGate .pnl-gate__brand {
  color:#eee2c9;font-weight:700;font-size:9px;letter-spacing:.22em;text-shadow:0 2px 10px #000;
}
#pnlGate .pnl-gate__language { background:#0b131ae8;border-color:#d0ba8c2e; }
#pnlGate .pnl-gate__visual {
  width:50px;height:50px;margin:0 auto 17px;border-radius:14px;
  background:#10191eee;box-shadow:inset 0 1px #ffe8bf12,0 6px 28px #0004;
}
#pnlGate .pnl-gate__visual::before { width:24px;height:24px; }
#pnlGate #pnlGateTitle {
  margin:0 0 13px;font-size:31px;line-height:1.2;letter-spacing:-.035em;color:#f5efe3;
}
#pnlGate .pnl-gate__description { max-width:36ch;margin:0 auto 25px;color:#b6c0bf;line-height:1.7; }
#pnlGate .pnl-gate__action { border-radius:9px!important; }
#pnlGate .pnl-gate__action--primary { min-height:52px; }
#pnlGate .pnl-gate__footer { margin-top:13px;gap:6px; }
#pnlGate .pnl-gate__home { min-height:36px; }
@media(max-width:540px) {
  #pnlGate { padding:20px 16px; }
  #pnlGate .pnl-gate__box { padding:22px 26px 18px;border-radius:18px; }
  #pnlGate .pnl-gate__brand { font-size:8px;letter-spacing:.18em; }
  #pnlGate .pnl-gate__masthead { margin-bottom:clamp(94px,calc(21vw + 30px),136px); }
  #pnlGate .pnl-gate__visual { width:46px;height:46px;margin-bottom:15px; }
  #pnlGate .pnl-gate__visual::before { width:22px;height:22px; }
  #pnlGate #pnlGateTitle { font-size:27px; }
  #pnlGate .pnl-gate__description { margin-bottom:22px; }
}
@media(max-width:360px) {
  #pnlGate { padding:16px 12px; }
  #pnlGate .pnl-gate__box { padding-inline:20px; }
  #pnlGate .pnl-gate__brand { font-size:7px;letter-spacing:.13em; }
  #pnlGate #pnlGateTitle { font-size:25px; }
}