/* Member login shares the community entrance's midnight constellation art. */
body.community-login-page .member-auth-main {
  padding:clamp(20px,3vw,44px) 20px 46px;
}
body.community-login-page .community-auth-shell {
  width:min(1240px,100%);
  min-height:670px;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  border-color:rgba(140,225,244,.26);
  border-radius:30px;
  background:#091933;
}
body.community-login-page .community-login-promo {
  min-height:670px;
  background:
    radial-gradient(circle at 52% 36%,rgba(99,220,227,.15),transparent 40%),
    radial-gradient(circle at 15% 78%,rgba(181,144,238,.13),transparent 36%),
    linear-gradient(148deg,#0c2348,#08172f 68%,#0a142d);
}
body.community-login-page .community-login-promo::before {
  z-index:0;
  background-image:radial-gradient(rgba(238,250,255,.7) .9px,transparent 1px);
  background-size:39px 39px;
  opacity:.16;
}
body.community-login-page .community-login-promo::after { display:none; }

.community-auth-orbit-scene {
  position:absolute;
  z-index:1;
  top:22px;
  left:50%;
  width:min(78%,420px);
  aspect-ratio:1;
  transform:translateX(-50%);
  pointer-events:none;
}
.community-auth-orbit-wash {
  position:absolute;
  inset:17%;
  border-radius:42% 58% 57% 43%;
  background:conic-gradient(from 35deg,#56e1e0,#a590ef,#ec9bc1,#56e1e0);
  filter:blur(39px);
  opacity:.32;
  animation:community-login-drift 15s ease-in-out infinite alternate;
}
.community-auth-orbit-ribbon {
  position:absolute;
  inset:9%;
  border:1px solid rgba(221,247,255,.56);
  border-radius:43% 57% 61% 39% / 57% 42% 58% 43%;
  background:conic-gradient(from 25deg,rgba(107,235,224,.8),rgba(132,139,243,.08) 26%,rgba(240,154,199,.74) 54%,rgba(255,226,177,.12) 72%,rgba(107,235,224,.8));
  box-shadow:inset 0 0 32px rgba(184,252,243,.12),0 0 28px rgba(160,145,245,.19);
  -webkit-mask:radial-gradient(ellipse,transparent 49%,#000 59%);
  mask:radial-gradient(ellipse,transparent 49%,#000 59%);
  animation:community-login-orbit 29s linear infinite;
}
.community-auth-orbit-ribbon--two {
  inset:17% 5%;
  opacity:.7;
  animation-duration:37s;
  animation-direction:reverse;
}
.community-auth-orbit-ribbon--three {
  inset:5% 20%;
  opacity:.5;
  animation-duration:43s;
  animation-delay:-12s;
}
.community-auth-orbit-core {
  position:absolute;
  inset:35%;
  display:grid;
  place-items:center;
  border:1px solid rgba(200,251,249,.52);
  border-radius:50%;
  color:#fff1cb;
  background:radial-gradient(circle at 35% 30%,#264b68,#0b1b38 70%);
  box-shadow:0 0 0 16px rgba(110,231,242,.035),0 0 52px rgba(110,231,242,.2),inset 0 0 32px rgba(169,156,255,.19);
  font-size:clamp(3rem,5vw,4.8rem);
  text-shadow:0 0 24px rgba(255,214,121,.8);
  animation:community-login-heartbeat 5s ease-in-out infinite alternate;
}
.community-auth-orbit-star {
  position:absolute;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#dbfff9;
  box-shadow:0 0 16px #8af2e8;
  animation:community-login-twinkle 4s ease-in-out infinite alternate;
}
.community-auth-orbit-star--one { top:12%; left:18%; }
.community-auth-orbit-star--two { top:42%; right:2%; animation-delay:-2s; }
.community-auth-orbit-star--three { bottom:12%; left:26%; animation-delay:-3s; }
body.community-login-page .community-auth-promo-copy {
  right:clamp(28px,5vw,62px);
  bottom:50px;
  left:clamp(28px,5vw,62px);
}
body.community-login-page .community-auth-promo-copy p { color:#9af1ec; }
body.community-login-page .community-auth-promo-copy h2 {
  max-width:540px;
  margin-bottom:15px;
  color:#fff3dc;
  font-size:clamp(2.2rem,3.6vw,3.4rem);
  line-height:1.2;
  letter-spacing:-.035em;
}
body.community-login-page .community-auth-promo-copy span {
  display:block;
  max-width:460px;
  color:#c9d8ec;
  font-size:1rem;
}
.community-auth-motion-toggle {
  position:absolute;
  z-index:4;
  top:22px;
  right:24px;
  min-height:38px;
  padding:6px 13px;
  border:1px solid rgba(195,224,248,.35);
  border-radius:999px;
  color:#d9e9f8;
  background:rgba(8,25,52,.76);
  font-size:.78rem;
  cursor:pointer;
}
.community-auth-motion-toggle:hover { color:#fff; background:#1d3858; }
.community-auth-motion-toggle:focus-visible { outline:3px solid #ffd679; outline-offset:3px; }
.community-auth-orbit-scene.is-paused span { animation-play-state:paused; }

body.community-login-page .community-auth-side {
  padding:42px clamp(26px,4vw,56px);
  background:
    radial-gradient(circle at 85% 8%,rgba(169,156,255,.18),transparent 33%),
    linear-gradient(155deg,#142951,#0a1b39 75%);
}
body.community-login-page .community-auth-panel { width:min(100%,510px); }
body.community-login-page .community-auth-tabs { margin-bottom:16px; }
body.community-login-page .community-auth-card {
  padding:32px clamp(24px,3vw,38px);
  border-color:rgba(175,217,246,.2);
  background:rgba(6,20,45,.62);
  box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(16px);
}
body.community-login-page .community-auth-welcome {
  grid-template-columns:62px minmax(0,1fr);
  gap:15px;
  margin-bottom:26px;
}
.community-auth-avatar--orbit {
  display:grid;
  width:62px;
  height:62px;
  place-items:center;
  border:1px solid rgba(110,231,242,.53);
  border-radius:50%;
  color:#ffe6ac;
  background:radial-gradient(circle at 30% 25%,#305e7e,#111f4a);
  box-shadow:0 0 25px rgba(110,231,242,.18);
  font-size:1.9rem;
}
body.community-login-page .community-auth-welcome h1 {
  color:#fff;
  font-size:clamp(1.3rem,2vw,1.72rem);
}
body.community-login-page .community-auth-welcome p { color:#c2d0e5; }
body.community-login-page .auth-field { margin-bottom:18px; }
body.community-login-page .auth-input { min-height:56px; border-color:rgba(153,203,237,.38); }
body.community-login-page .auth-input::placeholder { color:#9dafc8; }
body.community-login-page .auth-input-icon { color:#93ddea; }
body.community-login-page .password-toggle { color:#a8eced; }
body.community-login-page .auth-row { margin-bottom:22px; }
body.community-login-page .auth-submit {
  min-height:58px;
  background:linear-gradient(115deg,#96f1e9,#9ea8f4);
  box-shadow:0 12px 28px rgba(95,181,221,.23),inset 0 1px rgba(255,255,255,.55);
}
body.community-login-page .auth-submit:active { box-shadow:0 6px 18px rgba(95,181,221,.2); }
body.community-login-page .community-auth-register-note { margin:24px 0 0; }

body.community-login-page .member-auth-cta { padding:0 20px 42px; }
body.community-login-page .member-auth-cta__inner {
  width:min(1240px,100%);
  min-height:112px;
  padding:20px clamp(24px,4vw,42px);
  border-color:rgba(255,214,121,.28);
  border-radius:22px;
  background:linear-gradient(125deg,rgba(36,36,71,.95),rgba(12,33,61,.95));
}
body.community-login-page .member-auth-cta__copy img { display:none; }
body.community-login-page .member-auth-cta__copy::before {
  flex:none;
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid rgba(255,214,121,.5);
  border-radius:50%;
  color:#ffe2a2;
  background:rgba(255,214,121,.08);
  content:"✦";
  font-size:1.6rem;
}
body.community-login-page .member-auth-cta h2 { color:#fff1cf; font-size:clamp(1.1rem,1.7vw,1.4rem); text-shadow:none; }
body.community-login-page .member-auth-cta p { color:#c4d2e8; }
body.community-login-page .member-auth-cta__button {
  min-height:48px;
  border-color:rgba(110,231,242,.7);
  color:#071426;
  background:#91ede9;
}
body.community-login-page .community-footer-v5 { background:linear-gradient(145deg,#07142c,#040b1b); }

@keyframes community-login-orbit { to { transform:rotate(360deg); } }
@keyframes community-login-drift {
  from { transform:rotate(-20deg) scale(.85); opacity:.24; }
  to { transform:rotate(55deg) scale(1.13); opacity:.45; }
}
@keyframes community-login-heartbeat {
  from { box-shadow:0 0 0 16px rgba(110,231,242,.035),0 0 35px rgba(110,231,242,.13),inset 0 0 32px rgba(169,156,255,.19); }
  to { box-shadow:0 0 0 21px rgba(110,231,242,.055),0 0 62px rgba(110,231,242,.29),inset 0 0 38px rgba(169,156,255,.28); }
}
@keyframes community-login-twinkle { from { opacity:.35; transform:scale(.7); } to { opacity:1; transform:scale(1.3); } }

@media (max-width:900px) {
  body.community-login-page .community-auth-shell { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  body.community-login-page .community-auth-side { padding:30px 22px; }
  body.community-login-page .community-auth-card { padding:26px 22px; }
}
@media (max-width:767px) {
  body.community-login-page .member-auth-main { padding:14px 12px 28px; }
  body.community-login-page .community-auth-shell { grid-template-columns:1fr; border-radius:23px; }
  body.community-login-page .community-auth-side { order:1; padding:24px 14px; }
  body.community-login-page .community-auth-card { padding:26px 20px; }
  body.community-login-page .community-login-promo { order:2; min-height:380px; height:380px; aspect-ratio:auto; }
  .community-auth-orbit-scene { top:8px; width:180px; }
  .community-auth-orbit-core { font-size:2.5rem; }
  body.community-login-page .community-auth-promo-copy { bottom:24px; left:25px; right:25px; }
  body.community-login-page .community-auth-promo-copy h2 { margin-bottom:7px; font-size:1.65rem; }
  body.community-login-page .community-auth-promo-copy span { font-size:.88rem; line-height:1.6; }
  .community-auth-motion-toggle { top:13px; right:14px; }
  body.community-login-page .member-auth-cta { padding:0 12px 28px; }
  body.community-login-page .member-auth-cta__inner { gap:18px; padding:20px; }
  body.community-login-page .member-auth-cta__copy { display:flex; text-align:left; }
  body.community-login-page .member-auth-cta__copy::before { width:44px; height:44px; }
}
@media (max-width:479px) {
  body.community-login-page .community-auth-welcome { grid-template-columns:50px minmax(0,1fr); }
  .community-auth-avatar--orbit { width:50px; height:50px; font-size:1.4rem; }
  body.community-login-page .community-auth-welcome h1 { font-size:1.28rem; }
  body.community-login-page .community-auth-register-note { font-size:.87rem; }
  body.community-login-page .member-auth-cta__copy::before { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .community-auth-orbit-scene span { animation:none; }
  .community-auth-motion-toggle { display:none; }
}