.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:50}.fade-in{animation:fadeIn .3s ease-out forwards}.fade-out{animation:fadeOut .3s ease-in forwards}.modal-content{background:white;padding:1.5rem 2rem;margin:1rem;border-radius:1.25rem;position:relative;min-width:300px;max-width:960px;box-shadow:0 5px 20px rgba(0,0,0,.15)}.fade-up-scale{animation:fadeUpScale .3s ease-out forwards}.fade-down-scale{animation:fadeDownScale .3s ease-in forwards}@keyframes fadeUpScale{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeDownScale{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes fadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.7)}}@keyframes fadeOut{0%{background:rgba(0,0,0,.7)}to{background:rgba(0,0,0,0)}}.modal-body{font-size:1rem;line-height:1.5}