/* XAU Setups sign-in page only. Every rule is scoped to .auth-login so other member pages keep app.css as is. */
.auth-login-body{background:#F5F7FA}
.auth-login{grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:100vh}

/* left brand panel */
.auth-login .auth-side{--px:clamp(36px,5.4vw,80px);position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#0B1423 0%,#0F1C31 55%,#0B1423 100%);padding:40px var(--px) 0;min-height:100vh}
.auth-login .al-brand{display:flex;align-items:center;gap:14px;padding:0;color:#fff;font-size:26.5px;font-weight:600;letter-spacing:-.025em;line-height:1;position:relative;z-index:2;align-self:flex-start}
.auth-login .al-brand .lm{width:42px;height:42px;border-radius:0;box-shadow:none}
.auth-login .al-brand b{font-weight:800;letter-spacing:-.03em}
.auth-login .al-copy{position:relative;z-index:2;margin-top:clamp(36px,6vh,64px)}
.auth-login .al-k{display:block;font-size:13px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#D9B56D}
.auth-login .auth-side h2{margin-top:22px;font-size:clamp(46px,5.2vw,76px);font-weight:800;line-height:1;letter-spacing:-.04em;color:#fff;max-width:none}
.auth-login .auth-side .al-copy>p{margin-top:18px;font-size:clamp(17px,1.65vw,24px);line-height:1.35;color:#AFC0D6;max-width:none}
.auth-login .auth-side ul{list-style:none;margin:clamp(28px,5vh,48px) 0 0;padding:0;display:grid;gap:clamp(18px,2.6vh,26px);font-size:clamp(16px,1.35vw,19px);color:#F1F4F8}
.auth-login .auth-side li{display:flex;align-items:center;gap:26px}
.auth-login .auth-side li svg{width:34px;height:34px;flex:none;margin:0;color:#D9B56D;stroke-width:1.5}
.auth-login .al-art{position:absolute;left:0;right:0;bottom:84px;z-index:1;display:block;pointer-events:none}
.auth-login .al-art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 82%,transparent 100%)}

.auth-login .auth-side .fine{position:absolute;left:clamp(36px,3vw,46px);right:24px;bottom:48px;z-index:3;margin:0;padding:0;border:0;max-width:34em;font-size:13px;line-height:1.6;letter-spacing:.02em;color:#A5B2C5}

/* right column */
.auth-login .auth-main{position:relative;background:#F5F7FA;justify-content:center;padding:104px clamp(24px,5vw,72px) 32px}
.auth-login .al-top{position:absolute;top:30px;right:clamp(24px,3vw,44px);display:flex;align-items:center;gap:12px}
.auth-login .al-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;font-size:17px;font-weight:500;color:#142033;text-decoration:none}
.auth-login .al-back:hover{color:#8A5810}
.auth-login .auth-card{position:relative;width:100%;max-width:616px;margin:0 auto;background:#fff;border:1px solid #DDE4ED;border-radius:14px;box-shadow:0 2px 4px rgba(11,20,35,.03),0 24px 60px rgba(11,20,35,.07);padding:clamp(28px,2.8vw,38px) clamp(24px,2.8vw,40px) clamp(22px,2.2vw,28px)}
.auth-login .auth-card::before{content:"";position:absolute;left:26px;top:-1px;width:100px;height:5px;border-radius:0 0 2px 2px;background:#D9B56D}
.auth-login .al-eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#946B22}
.auth-login .auth-card h1{margin-top:8px;font-size:clamp(34px,2.9vw,40px);font-weight:800;line-height:1.02;letter-spacing:-.035em;color:#0B1423}
.auth-login .auth-card .lead{margin-top:6px;font-size:18px;color:#4A5A6E}
.auth-login .auth-card form{margin-top:22px}
.auth-login .auth-card .field{gap:7px}
.auth-login .auth-card .field+.field{margin-top:16px}
.auth-login .al-pwrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-login .al-pwrow a{display:inline-flex;align-items:center;min-height:32px}
.auth-login .auth-card label{font-size:16.5px;font-weight:700;color:#0B1423;letter-spacing:-.005em}
.auth-login .auth-card .field a{font-size:15px;color:#1D4ED8}
.auth-login .auth-card input{min-height:48px;font-size:17px;border:1px solid #CCD4DE;border-radius:6px;padding:0 18px;background:#fff;color:#0B1423}
.auth-login .auth-card input:focus{border-color:#B8862E;box-shadow:0 0 0 3px rgba(217,181,109,.35);outline:0}
.auth-login .auth-card input[aria-invalid=true]{border-color:#B91C1C;box-shadow:0 0 0 3px rgba(185,28,28,.1)}
.auth-login a:focus-visible,.auth-login button:focus-visible{outline:3px solid #B8862E;outline-offset:2px}
.auth-login .pw-wrap input{padding-right:64px}
.auth-login .al-eye{display:grid;place-items:center;min-width:44px;min-height:44px;right:2px;padding:0;background:none;border:0;border-radius:6px;color:#2B3A50;cursor:pointer}
.auth-login .al-eye svg{width:22px;height:22px}
.auth-login .al-eye .e-off{display:none}.auth-login .al-eye.on .e-off{display:block}.auth-login .al-eye.on .e-open{display:none}
.auth-login .al-submit{margin-top:22px;min-height:52px;background:#D9B56D;border-color:#D9B56D;color:#0B1423;font-size:19px;font-weight:700;border-radius:6px;gap:12px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.06)}
.auth-login .al-submit svg{width:20px;height:20px;stroke-width:2.2}
.auth-login .al-submit:hover{background:#CFA95C;border-color:#CFA95C;color:#0B1423}
.auth-login .auth-card .alt{margin-top:18px;padding-top:16px;border-top:1px solid #E2E7EE;font-size:17px;color:#2A3647;text-align:center}
.auth-login .auth-card .alt a{color:#1D4ED8}
.auth-login .auth-foot{max-width:616px;margin:clamp(22px,4vh,48px) auto 0;text-align:center;font-size:13.5px;color:#45566B;line-height:1.6}
.auth-login .auth-foot a{color:#45566B}
.auth-login .al-risk{display:none}
.auth-login .auth-mbrand{display:none}

@media (max-width:900px){
  .auth-login{grid-template-columns:minmax(0,1fr)}
  .auth-login .auth-main{display:contents}
  .auth-login .al-top{order:0}
  .auth-login .auth-card{order:1;width:auto;max-width:none;margin:0 16px}
  .auth-login .auth-side{order:2;display:flex;min-height:0;margin:16px 16px 0;padding:22px 20px 0;border-radius:12px}
  .auth-login .auth-foot{order:3;margin:18px 16px 28px;max-width:none}
  .auth-login .al-brand{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .auth-login .al-copy{margin-top:0}
  .auth-login .al-k{font-size:12px;letter-spacing:.18em}
  .auth-login .auth-side h2{margin-top:10px;font-size:28px}
  .auth-login .auth-side .al-copy>p{margin-top:8px;font-size:16px}
  .auth-login .auth-side ul{margin-top:16px;gap:12px;font-size:16px}
  .auth-login .auth-side li{gap:14px}
  .auth-login .auth-side li svg{width:26px;height:26px}
  .auth-login .al-art,.auth-login .al-art{position:relative;bottom:auto;margin:12px -20px 0;max-height:140px;overflow:hidden}
  .auth-login .auth-side .fine{display:none}
  .auth-login .al-top{position:static;justify-content:space-between;margin:16px 16px 12px;min-height:60px;padding:8px 10px 8px 16px;background:#0B1423;border-radius:12px}
  .auth-login .auth-mbrand{display:flex;align-items:center;gap:10px;margin:0;padding:0;max-width:none;width:auto;color:#fff;font-size:21px;font-weight:600;letter-spacing:-.025em;line-height:1;text-decoration:none}
  .auth-login .auth-mbrand b{font-weight:800}
  .auth-login .auth-mbrand .lm{width:30px;height:30px;box-shadow:none;border-radius:0}
  .auth-login .auth-mbrand:hover{color:#fff}
  .auth-login .auth-mbrand small{color:#AEB9CB}
  .auth-login .al-back{color:#E9D6AE;font-size:15px;gap:6px;padding:0 6px}
  .auth-login .al-back:hover{color:#fff}
  .auth-login .auth-card{padding:30px 20px 24px}
  .auth-login .auth-card::before{left:20px;width:72px;height:4px}
  .auth-login .auth-card h1{font-size:32px}
  .auth-login .auth-card .lead{font-size:17px}
  .auth-login .auth-card input{font-size:16px}
  .auth-login .auth-card label{font-size:16px}
  .auth-login .auth-card .field a{font-size:14.5px}
  .auth-login .auth-card .alt{font-size:16px}
  .auth-login .al-risk{display:block;margin-bottom:6px}
  .auth-login .al-sep{margin:0 8px}
  .auth-login .auth-foot a{display:inline-block;padding:6px 0}
}
@media (min-width:600px) and (max-width:900px){.auth-login{justify-items:center}.auth-login .al-top,.auth-login .auth-card,.auth-login .auth-side,.auth-login .auth-foot{width:calc(100% - 32px);max-width:680px;margin-left:auto;margin-right:auto;box-sizing:border-box}.auth-login .auth-card{padding:36px 40px 28px}}
@media (max-width:380px){.auth-login .al-back{font-size:0;gap:0}.auth-login .al-back svg{width:22px;height:22px}}

.auth-login .al-sep{display:inline-block;margin:0 14px;color:#9AA7B8}
.auth-login .auth-foot a{color:#142033}
@media (min-width:901px) and (max-height:940px){.auth-login .al-art{position:relative;bottom:auto;margin:auto calc(-1 * var(--px)) 86px;max-height:max(200px,calc(100vh - 590px));overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}.auth-login .auth-main{padding-top:88px}}