.modal-overlay{z-index:1000;opacity:1;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.closing{opacity:0}.modal-card{opacity:1;background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:1rem;min-width:320px;max-height:90vh;padding:2rem 1.5rem 1.5rem;transition:opacity .2s,transform .2s;display:flex;transform:translateY(0);box-shadow:0 2px 16px #00000026}.modal-card.closing{opacity:0;transform:translateY(40px)}.modal-card h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:700}.modal-card p{color:#444;text-align:center;margin:0 0 1.5rem;font-size:1rem}