.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#16213e;border:1px solid #30475e;border-radius:12px;width:90%;max-width:400px;animation:.3s slideUp;box-shadow:0 10px 25px #00000080}.modal-header{border-bottom:1px solid #30475e;align-items:center;gap:12px;padding:20px;display:flex}.modal-icon{color:#9d4edd;font-size:24px}.modal-title{color:#fff;margin:0;font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-body p{color:#e0e0e0;margin:0;line-height:1.5}.modal-footer{border-top:1px solid #30475e;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#9d4edd}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.btn-secondary{color:#e0e0e0;background:#1a1a2e;border:1px solid #30475e}.btn-secondary:hover{background:#1f4068}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.modal-container{width:95%;max-width:none}.modal-footer{flex-direction:column}.btn{width:100%}}