/* Constelação viva: somente apresentação; sem alterações de autenticação. */
#loginScreen { grid-template-columns:1.15fr 1fr; }
#loginScreen .login-visual { padding:clamp(28px,4vw,64px); justify-content:flex-start; background:#051628; }
#loginScreen .login-visual::before { inset:0; width:auto; height:auto; border:0; border-radius:0; background:radial-gradient(ellipse at 50% 60%,rgba(17,81,147,.46),transparent 66%); }
#loginScreen .login-visual::after { display:none; }
#loginScreen .login-logo .brand-logo { width:140px; }
#loginScreen .login-message { margin-top:clamp(28px,5vh,54px); }
#loginScreen .login-message .eyebrow { color:#8ebfff; letter-spacing:.16em; margin-bottom:15px; font-size:11px; }
#loginScreen .login-message h1 { font-size:clamp(32px,3.5vw,54px); font-weight:550; line-height:1.12; letter-spacing:-.035em; max-width:620px; }
#loginScreen .login-message p:not(.eyebrow) { max-width:440px; color:#b9cde3; font-size:14px; line-height:1.65; }
#loginScreen .constellation-stage { width:100%; height:clamp(240px,35vh,390px); flex:1 0 240px; min-width:0; }
#loginScreen canvas { display:block; width:100%; height:100%; }
#loginScreen .login-legal { border-top:1px solid #264059; padding-top:17px; color:#a9c2dc; font-size:11px; line-height:1.6; }
#loginScreen .login-panel { padding:clamp(26px,4vw,64px); }
#loginScreen .ms-login { transition:transform .2s,background .2s; }
#loginScreen .ms-login:not(:disabled):hover { transform:translateY(-2px); }
#loginScreen .ms-login:disabled { cursor:wait; }
#loginScreen:not(.hidden) .login-card { animation:constellation-panel-in .7s ease both; }
@keyframes constellation-panel-in { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:820px) {
  #loginScreen { grid-template-columns:1fr; }
  #loginScreen .login-visual { padding:26px 24px; min-height:0; }
  #loginScreen .login-logo .brand-logo { width:115px; }
  #loginScreen .login-message { margin-top:25px; }
  #loginScreen .login-message h1 { font-size:32px; }
  #loginScreen .constellation-stage { height:220px; flex-basis:220px; }
  #loginScreen .login-panel { padding:32px 24px; }
}
@media(prefers-reduced-motion:reduce) {
  #loginScreen .login-card { animation:none!important; }
  #loginScreen .ms-login { transition:none; transform:none!important; }
}