.locked-card-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(26,26,46,.55);
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1rem;
}
.locked-card-box{
  width:min(430px,94vw);
  background:white;
  border:1px solid var(--border);
  border-radius:20px;
  padding:1.35rem;
  box-shadow:0 24px 70px rgba(26,26,46,.18);
  text-align:center;
}
.locked-card-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto .8rem;
  background:var(--purple-light);
  color:var(--purple);
  font-size:1.25rem;
}
.locked-card-box h3{
  font-family:var(--serif);
  font-size:1.35rem;
  margin:0 0 .45rem;
  color:var(--text);
}
.locked-card-box p{
  font-size:.86rem;
  color:var(--text-muted);
  line-height:1.55;
  margin:0 0 1rem;
}
.locked-card-actions{
  display:flex;
  gap:.55rem;
  justify-content:center;
  flex-wrap:wrap;
}
.locked-card-actions a,
.locked-card-actions button{
  border:none;
  border-radius:999px;
  padding:.62rem .95rem;
  font-family:var(--sans);
  font-size:.78rem;
  font-weight:500;
  cursor:pointer;
  text-decoration:none;
}
.locked-card-primary{
  background:var(--purple);
  color:white;
}
.locked-card-secondary{
  background:var(--bg);
  color:var(--text-muted);
  border:1px solid var(--border)!important;
}