/*
 * Module      : Login (styles)
 * Description : Styles for the sign-in modal: the backdrop and the modal card
 *               with its heading and copy.
 */

.modal-backdrop {
  position: absolute; inset: 0; z-index: 90;
  background: rgba(5,11,20,0.65);
  opacity: 0; pointer-events: none;
  transition: opacity 0.25s ease;
  display: flex; align-items: center; justify-content: center;
}
.modal-backdrop.open { opacity: 1; pointer-events: auto; }
.modal {
  width: min(440px, 92vw);
  background: var(--panel-bg-solid);
  border: 1px solid var(--panel-border);
  border-radius: var(--radius-lg);
  padding: 28px 30px;
  transform: scale(0.94);
  transition: transform 0.25s ease;
}
.modal-backdrop.open .modal { transform: scale(1); }
.modal h2 {
  font-family: var(--font-title);
  font-size: 18px; letter-spacing: 0.2em;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.modal p { color: var(--text-mid); line-height: 1.6; margin-bottom: 16px; font-size: 13px; }