.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:white;border-radius:1rem;padding:0;max-width:400px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);animation:modalFadeIn .2s ease-out}.modal-header{display:flex;justify-content:flex-end;padding:4px 6px .5rem 1rem}.close-button{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.modal-body{padding:0 1rem 1.5rem;text-align:center}.modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.modal-description{color:#6b7280;font-size:1rem;line-height:1.5;margin-bottom:1rem;text-align:left;padding:0 1rem}.modal-actions{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.stay-button{width:100%;border-radius:2rem}.exit-button{background:transparent;border:none;color:#6b7280;font-size:1rem;font-weight:500;cursor:pointer;padding:.75rem;border-radius:2rem;transition:all .2s}.exit-button:hover{background-color:#f3f4f6;color:#374151}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-width:100%}.modal-title{font-size:22px}.modal-description{font-size:16px}}