.successModal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.successModal .modalContent{background:#fff;padding:40px;border-radius:12px;text-align:center;position:relative;width:90%;max-width:460px;animation:slideIn .3s ease-in-out}.successModal .closeButton{position:absolute;top:16px;right:16px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px 0 rgba(16,24,40,.051);border:none;outline:none;background:#e5e5e5;border-radius:50%;font-family:Inter,sans-serif!important;font-weight:500;font-size:14px;line-height:20px;color:#09090b}.successModal .closeButton:hover{color:#333}.successModal .checkmarkCircle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.successModal .checkmarkCircle img{width:48px;height:48px}.successModal h2{font-weight:600;font-size:20px;line-height:32px;color:#09090b;margin-bottom:8px}.successModal h2,.successModal p{font-family:Inter,sans-serif!important}.successModal p{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#71717a;margin-bottom:24px}.successModal .okeyButton{background:#f5f5f5;border:none;width:100%;padding:12px 40px;border-radius:6px;font-size:16px;cursor:pointer;color:#333;transition:background-color .2s}.successModal .okeyButton:hover{background:#e5e5e5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}