Backdrop Blur Modal

Modal scales in with a frosted blur backdrop.

.modal-bg { position:fixed; inset:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(4px); display:flex; align-items:center; justify-content:center; }
.modal-box { background:#1c1c1f; border:1px solid #333; border-radius:16px; padding:24px; max-width:400px; animation:modalIn 0.3s ease; }
@keyframes modalIn { from{transform:scale(0.9);opacity:0} to{transform:scale(1);opacity:1} }