/* Selected community artwork, with clear space for the account actions. */
#ubGate {
  padding:24px 20px;
  background:linear-gradient(180deg,#05090d80,#05090dc9),url('/assets/hero-poster.webp?v=3') center/cover no-repeat,#05090d;
}
#ubGate .ub-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;
}
#ubGate .ub-gate__box::after {
  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;
}
#ubGate .ub-gate__box::before {
  left:36px;top:47px;color:#eee2c9;font-weight:700;font-size:9px;letter-spacing:.22em;
  text-shadow:0 2px 10px #000;
}
#ubGate .ub-gate__box > div:has(> .sc-language) {
  justify-content:flex-end!important;margin:0 0 166px!important;
}
#ubGate .sc-language { background:#0b131ae8;border-color:#d0ba8c2e; }
#ubGate .ub-gate__icon {
  width:50px;height:50px;padding:12px;margin:0 auto 17px;border-radius:14px;
  background:#10191eee;box-shadow:inset 0 1px #ffe8bf12,0 6px 28px #0004;
}
#ubGate .ub-gate__title {
  margin:0 0 13px;font-size:31px;line-height:1.2;letter-spacing:-.035em;color:#f5efe3;
}
#ubGate .ub-gate__text { max-width:36ch;margin:0 auto 25px;color:#b6c0bf;line-height:1.7; }
#ubGate .ub-gate__cta { min-height:52px;border-radius:9px; }
#ubGate .ub-gate__links { margin-top:12px;gap:8px; }
#ubGate .ub-gate__link { border-radius:9px;background:#ffffff03; }
#ubGate .ub-gate__link--muted { min-height:36px;margin-top:1px;background:none; }
@media(max-width:540px) {
  #ubGate { padding:20px 16px; }
  #ubGate .ub-gate__box { padding:22px 26px 18px;border-radius:18px; }
  #ubGate .ub-gate__box::before { left:26px;top:45px;font-size:8px;letter-spacing:.18em; }
  #ubGate .ub-gate__box > div:has(> .sc-language) { margin-bottom:clamp(94px,calc(21vw + 30px),136px)!important; }
  #ubGate .ub-gate__icon { width:46px;height:46px;padding:11px;margin-bottom:15px; }
  #ubGate .ub-gate__title { font-size:27px; }
  #ubGate .ub-gate__text { margin-bottom:22px; }
}
@media(max-width:360px) {
  #ubGate { padding:16px 12px; }
  #ubGate .ub-gate__box { padding-inline:20px; }
  #ubGate .ub-gate__box::before { left:20px;font-size:7px;letter-spacing:.13em; }
  #ubGate .ub-gate__title { font-size:25px; }
}