/* Authentication pages use the app's soft inner-glow panel and product preview. */
.auth-card.auth-signin-card {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, #0f1426, #090d20);
  box-shadow: inset 0 0 0 1px rgba(46, 209, 244, .14), inset 0 0 24px rgba(46, 209, 244, .13);
}
.auth-signin-card .auth-layout { align-items: center; }
.auth-signin-card .auth-visual {
  position: relative;
  min-width: 0;
  padding: 52px 40px;
}
.auth-signin-card .auth-visual::after {
  content: '';
  position: absolute;
  top: 48px;
  bottom: 48px;
  right: 0;
  width: 1px;
  background: linear-gradient(transparent, rgba(46, 209, 244, .22) 25%, rgba(46, 209, 244, .22) 75%, transparent);
}
.auth-signin-card .auth-visual h2 {
  max-width: 340px;
  margin: 0 0 12px;
  font-size: 23px;
  line-height: 1.45;
}
.auth-signin-card .auth-review-intro { max-width: 420px; margin: 0 0 28px; font-size: 14px; line-height: 1.65; color: #a6b1c5; }
.auth-signin-card .auth-artwork-note { margin: 12px 0 0; text-align: center; font-size: 11px; color: #94a3b8; }
.auth-signin-card .auth-form-panel { min-width: 0; }
@media (min-width: 1024px) {
  .auth-card.auth-signin-card, .auth-signin-card .auth-layout { overflow: visible; }
  .auth-signin-card .auth-form-panel { padding: 52px 48px; }
}
/* Keep the same inset treatment in light mode, overriding the older auth shell. */
html[data-run-it-theme="light"] main .auth-card.auth-signin-card {
  border: 0 !important;
  background: var(--run-it-light-surface, #fff) !important;
  box-shadow: inset 0 0 0 1px rgba(0, 117, 140, .16), inset 0 0 24px rgba(0, 117, 140, .1) !important;
}
html[data-run-it-theme="light"] main .auth-signin-card > .auth-layout > .auth-visual { background: transparent; }
html[data-run-it-theme="light"] .auth-signin-card :is(.auth-review-intro, .auth-artwork-note) { color: #52657a; }
@media (max-width: 1023px) {
  /* Mobile keeps its existing form spacing and surface; only the glow changes. */
  .auth-card.auth-signin-card { border: 1px solid transparent; background: #0a0e27; }
  .auth-signin-card .auth-visual { display: none; }
  html[data-run-it-theme="light"] main .auth-card.auth-signin-card { border: 1px solid transparent !important; }
}