.recent-tool-stack {
  display: grid;
  gap: 12px;
}
.recent-tool-stack .module-card,
.recent-tool-stack .standard-card {
  box-shadow: 0 8px 22px rgba(18, 43, 69, .035);
}
.recent-tool-stack .module-grid {
  gap: 14px;
}
.recent-tool-stack .standard-grid {
  gap: 12px;
}
.login-modal {
  position: fixed;
  z-index: 90;
  inset: 0;
  display: none;
  place-items: center;
  padding: 22px;
  background: rgba(4,12,19,.62);
  backdrop-filter: blur(6px);
}
.login-modal.open { display: grid; }
.login-card {
  width: min(430px, 100%);
  padding: 22px;
  color: var(--ink);
  border: 1px solid #cad4de;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 28px 90px rgba(0,0,0,.28);
}
.login-card h2 { margin: 0 0 6px; font-size: 20px; }
.login-card p { margin: 0 0 18px; color: var(--muted); font-size: 12px; }
.login-card label { display: grid; gap: 6px; margin-top: 12px; color: #445365; font-size: 12px; font-weight: 700; }
.login-card input { width: 100%; height: 41px; padding: 0 11px; border: 1px solid var(--line); border-radius: 6px; background: #fbfcfd; }
.login-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.login-actions button { min-height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 6px; background: #fff; font-weight: 750; }
.login-actions .login-primary { color: #fff; border-color: #397bf7; background: linear-gradient(180deg,#2b72fa,#1859e7); }
